nuxt-monaco-editor 1.0.3 → 1.0.5

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.0.5](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.0.4...v1.0.5) (2022-10-26)
+
+
+### Features
+
+* add `load` event for `<Monaco(Diff)Editor>` ([505896a](https://github.com/e-chan1007/nuxt-monaco-editor/commit/505896a35ee8b4a88874b32d8e702e87b67ef754))
+
+
+### Bug Fixes
+
+* changing v-model is sometimes ignored ([#13](https://github.com/e-chan1007/nuxt-monaco-editor/issues/13)) ([7a9a3d6](https://github.com/e-chan1007/nuxt-monaco-editor/commit/7a9a3d6e6305ec3ce1a2e9ed0fe317a7211781e3))
+
+### [1.0.4](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.0.3...v1.0.4) (2022-10-23)
+
+
+### Bug Fixes
+
+* $editor was always undefined ([ef3a420](https://github.com/e-chan1007/nuxt-monaco-editor/commit/ef3a420d805498e2b47f8b727b5d3b4ca1cb5eaf))
+
 ### [1.0.3](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.0.2...v1.0.3) (2022-10-21)
 
 

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0-rc.9"
   },
-  "version": "1.0.3"
+  "version": "1.0.5"
 }

package/dist/runtime/MonacoDiffEditor.vue

@@ -25,6 +25,7 @@ interface Props {
 
 interface Emits {
   (event: 'update:modelValue', value: string): void
+  (event: 'load', editor: Monaco.editor.IStandaloneDiffEditor): void
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -39,18 +40,16 @@ const isLoading = ref(true)
 const editorElement = ref<HTMLDivElement>()
 const monaco = useMonaco()!
 
-let ignoreWatch = false
 let editor: Monaco.editor.IStandaloneDiffEditor
 let originalModel: Monaco.editor.ITextModel
 let modifiedModel: Monaco.editor.ITextModel
+const editorRef = ref()
 
 watch(() => [props.original, props.modelValue], () => {
-  if (ignoreWatch) {
-    ignoreWatch = false
-    return
+  if (originalModel.getValue() !== props.original || modifiedModel.getValue() !== props.modelValue) {
+    originalModel.setValue(props.original)
+    modifiedModel.setValue(props.modelValue)
   }
-  originalModel.setValue(props.original)
-  modifiedModel.setValue(props.modelValue)
 })
 
 watch(() => props.lang, () => {
@@ -72,12 +71,13 @@ defineExpose({
   /**
    * Monaco editor instance
    */
-  // @ts-ignore
-  $editor: editor
+  $editor: editorRef
 })
 
 onMounted(() => {
   editor = monaco.editor.createDiffEditor(editorElement.value!, props.options)
+  editorRef.value = editor
+  emit('load', editor)
   originalModel = monaco.editor.createModel(props.original, props.lang)
   modifiedModel = monaco.editor.createModel(props.modelValue, props.lang)
   editor.setModel({
@@ -86,7 +86,6 @@ onMounted(() => {
   })
 
   editor.onDidUpdateDiff(() => {
-    ignoreWatch = true
     emit('update:modelValue', editor.getModel()!.modified.getValue())
   })
 

package/dist/runtime/MonacoEditor.vue

@@ -25,6 +25,7 @@ interface Props {
 
 interface Emits {
   (event: 'update:modelValue', value: string): void
+  (event: 'load', editor: Monaco.editor.IStandaloneCodeEditor): void
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -40,16 +41,12 @@ const lang = computed(() => props.lang || props.options.language)
 const editorElement = ref<HTMLDivElement>()
 const monaco = useMonaco()!
 
-let ignoreWatch = false
 let editor: Monaco.editor.IStandaloneCodeEditor
 let model: Monaco.editor.ITextModel
+const editorRef = ref()
 
 watch(() => props.modelValue, () => {
-  if (ignoreWatch) {
-    ignoreWatch = false
-    return
-  }
-  editor?.setValue(props.modelValue)
+  if (editor?.getValue() !== props.modelValue) { editor?.setValue(props.modelValue) }
 })
 
 watch(() => props.lang, () => {
@@ -66,17 +63,17 @@ defineExpose({
   /**
    * Monaco editor instance
    */
-  // @ts-ignore
-  $editor: editor
+  $editor: editorRef
 })
 
 onMounted(() => {
   editor = monaco.editor.create(editorElement.value!, props.options)
+  editorRef.value = editor
+  emit('load', editor)
   model = monaco.editor.createModel(props.modelValue, lang.value)
   editor.setModel(model)
 
   editor.onDidChangeModelContent(() => {
-    ignoreWatch = true
     emit('update:modelValue', editor.getValue())
   })
 

package/package.json

@@ -11,7 +11,7 @@
     "type": "git",
     "url": "https://github.com/e-chan1007/nuxt-monaco-editor.git"
   },
-  "version": "1.0.3",
+  "version": "1.0.5",
   "type": "module",
   "license": "MIT",
   "exports": {
@@ -57,7 +57,7 @@
     "remark-lint": "^9.1.1",
     "remark-preset-lint-recommended": "^6.1.2",
     "standard-version": "^9.5.0",
-    "vuepress": "next"
+    "vuepress": "2.0.0-beta.51"
   },
   "peerDependencies": {
     "monaco-editor": "*"