nuxt-monaco-editor 1.2.3 → 1.2.5

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 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.2.5](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.2.4...v1.2.5) (2023-12-05)
+
+
+### Bug Fixes
+
+* onUnmounted is not defined ([c3a1af3](https://github.com/e-chan1007/nuxt-monaco-editor/commit/c3a1af3f1706bba06539676088f70f8c7e6369f2))
+
+### [1.2.4](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.2.3...v1.2.4) (2023-12-03)
+
+
+### Bug Fixes
+
+* diffeditor loss value when change lang ([b996f28](https://github.com/e-chan1007/nuxt-monaco-editor/commit/b996f28ad22bd62094161576390c55b4e268928f))
+* import nuxt composables from #imports ([343e227](https://github.com/e-chan1007/nuxt-monaco-editor/commit/343e227a58c32e95515ab57b52400b9351371d32))
+
 ### [1.2.3](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.2.3-beta.0...v1.2.3) (2023-08-14)
 
 ### [1.2.3-beta.0](https://github.com/e-chan1007/nuxt-monaco-editor/compare/v1.2.2...v1.2.3-beta.0) (2023-08-14)

package/README.md

@@ -36,7 +36,6 @@ export default defineNuxtConfig({
 export default defineNuxtConfig({
   monacoEditor: {
     // These are default values:
-    dest: '_monaco',
     locale: 'en',
     componentName: {
       codeEditor: 'MonacoEditor',

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.1.0"
   },
-  "version": "1.2.3"
+  "version": "1.2.5"
 }

package/dist/runtime/MonacoDiffEditor.client.vue

@@ -6,7 +6,7 @@
 
 <script lang="ts" setup>
 import type * as Monaco from 'monaco-editor'
-import { onMounted, ref, watch } from 'vue'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
 import { useMonaco } from './composables'
 
 interface Props {
@@ -53,10 +53,12 @@ watch(() => [props.original, props.modelValue], () => {
 })
 
 watch(() => props.lang, () => {
+  const originalValue = originalModel?.getValue() || props.original
+  const modifiedValue = modifiedModel?.getValue() || props.modelValue
   if (originalModel) { originalModel.dispose() }
-  if (modifiedModel) { originalModel.dispose() }
-  originalModel = monaco.editor.createModel(props.original, props.lang)
-  modifiedModel = monaco.editor.createModel(props.modelValue, props.lang)
+  if (modifiedModel) { modifiedModel.dispose() }
+  originalModel = monaco.editor.createModel(originalValue, props.lang)
+  modifiedModel = monaco.editor.createModel(modifiedValue, props.lang)
   editor.setModel({
     original: originalModel,
     modified: modifiedModel
@@ -91,4 +93,10 @@ onMounted(() => {
   isLoading.value = false
   emit('load', editor)
 })
+
+onUnmounted(() => {
+  editor?.dispose()
+  originalModel?.dispose()
+  modifiedModel?.dispose()
+})
 </script>

package/dist/runtime/MonacoEditor.client.vue

@@ -6,7 +6,7 @@
 
 <script lang="ts" setup>
 import type * as Monaco from 'monaco-editor'
-import { computed, onMounted, ref, watch } from 'vue'
+import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
 import { useMonaco } from './composables'
 
 interface Props {
@@ -76,4 +76,9 @@ onMounted(() => {
   isLoading.value = false
   emit('load', editor)
 })
+
+onUnmounted(() => {
+  editor?.dispose()
+  model?.dispose()
+})
 </script>

package/dist/runtime/composables.mjs

@@ -1,3 +1,3 @@
-import { useState } from "#app";
+import { useState } from "#imports";
 export const _useMonacoState = () => useState("MonacoEditorNamespace", () => null);
 export const useMonaco = () => _useMonacoState().value;

package/dist/runtime/plugin-dev.client.mjs

@@ -1,5 +1,5 @@
 import { _useMonacoState } from "./composables.mjs";
-import { defineNuxtPlugin } from "#app";
+import { defineNuxtPlugin } from "#imports";
 export default defineNuxtPlugin(async (nuxtApp) => {
   const getWorkerModule = (moduleUrl, label) => {
     return new Worker(new URL("/node_modules/monaco-editor/esm/vs/" + moduleUrl + ".js?worker", import.meta.url), {

package/dist/runtime/plugin-prod.client.mjs

@@ -1,5 +1,5 @@
 import { _useMonacoState } from "./composables.mjs";
-import { defineNuxtPlugin } from "#app";
+import { defineNuxtPlugin } from "#imports";
 export default defineNuxtPlugin(async (nuxtApp) => {
   const getWorkerModule = (moduleUrl, label) => {
     return new Worker(new URL(`${nuxtApp.$config.app.baseURL}/_nuxt/nuxt-monaco-editor/vs/${moduleUrl}.js`.replace(/\/\//g, "/"), import.meta.url), {

package/package.json

@@ -11,7 +11,7 @@
     "type": "git",
     "url": "https://github.com/e-chan1007/nuxt-monaco-editor.git"
   },
-  "version": "1.2.3",
+  "version": "1.2.5",
   "type": "module",
   "license": "MIT",
   "exports": {
@@ -30,7 +30,7 @@
   ],
   "scripts": {
     "postpack": "pinst --enable",
-    "_postinstall": "husky install",
+    "_postinstall": "husky install && playwright install",
     "build": "nuxt-module-build",
     "lint": "eslint --ext .js,.cjs,.mjs,.ts,.cts,.mts,.vue . && remark . -q",
     "test": "nuxt test",
@@ -45,29 +45,30 @@
     "docs:preview": "nuxt preview docs"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.6.5",
+    "@nuxt/kit": "^3.8.1",
     "monaco-editor-nls": "^3.1.0",
     "vite-plugin-static-copy": "^0.17.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.7.1",
-    "@commitlint/config-conventional": "^17.4.4",
-    "@nuxt-themes/docus": "^1.14.6",
+    "@commitlint/cli": "^18.4.1",
+    "@commitlint/config-conventional": "^18.4.0",
+    "@nuxt-themes/docus": "^1.15.0",
     "@nuxt/module-builder": "latest",
-    "@nuxt/test-utils": "^3.6.5",
-    "@nuxtjs/eslint-config-typescript": "^12.0.0",
-    "eslint": "^8.47.0",
-    "execa": "^7.2.0",
+    "@nuxt/test-utils": "^3.8.1",
+    "@nuxtjs/eslint-config-typescript": "^12.1.0",
+    "eslint": "^8.53.0",
+    "execa": "^8.0.1",
     "husky": "^8.0.3",
-    "monaco-editor": "^0.41.0",
-    "nuxt": "^3.6.5",
+    "monaco-editor": "^0.44.0",
+    "nuxt": "^3.8.1",
     "pinst": "^3.0.0",
-    "playwright": "^1.37.0",
-    "remark-cli": "^11.0.0",
+    "playwright": "^1.39.0",
+    "remark-cli": "^12.0.0",
     "remark-lint": "^9.1.2",
     "remark-preset-lint-recommended": "^6.1.3",
     "standard-version": "^9.5.0",
-    "vitest": "^0.34.1"
+    "typescript": "^5.2.2",
+    "vitest": "^0.33.0"
   },
   "peerDependencies": {
     "monaco-editor": "*"
@@ -84,5 +85,5 @@
   "workspaces": [
     "playground"
   ],
-  "packageManager": "yarn@3.2.4"
+  "packageManager": "yarn@4.0.1"
 }