feat: diff editor language

README.md

@@ -8,6 +8,8 @@ yarn add @saber2pr/monaco
 
 ### Usage
 
+editor:
+
 ```tsx
 import { createEditor } from '@saber2pr/monaco'
 
@@ -17,6 +19,7 @@ const editor = createEditor(
   {
     // file: file-content
     'input.jsx': "const a = 'hello';",
+    'input.css': '#root { color: red; }',
   },
   { theme: 'vs-dark' }
 )
@@ -33,3 +36,12 @@ editor.changeModel('input.css')
 // get modal
 editor.getModel('input.jsx').onDidChangeContent
 ```
+
+diffEditor:
+
+```tsx
+import { createEditor } from '@saber2pr/monaco'
+
+// container, oldText, newText, language
+createDiffEditor(dom, '{"name": "app"}', '{"name": "subApp"}', 'json')
+```

src/core/createDiffEditor.ts

@@ -10,10 +10,11 @@ import { monaco } from './monaco'
 export const createDiffEditor = (
   container: HTMLElement,
   original: string,
-  modified: string
+  modified: string,
+  language: string = 'text/plain'
 ) => {
-  const originalModel = monaco.editor.createModel(original, 'text/plain')
-  const modifiedModel = monaco.editor.createModel(modified, 'text/plain')
+  const originalModel = monaco.editor.createModel(original, language)
+  const modifiedModel = monaco.editor.createModel(modified, language)
 
   originalModel.updateOptions(commonOptions)
   modifiedModel.updateOptions(commonOptions)