nuxt-codemirror 0.0.6 → 0.0.7

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-codemirror",
   "configKey": "nuxtCodemirror",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "builder": {
     "@nuxt/module-builder": "0.8.1",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addComponent, addImports, extendViteConfig } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addComponent, addImports, addTypeTemplate, extendViteConfig } from '@nuxt/kit';
 
 const module = defineNuxtModule({
   meta: {
@@ -18,10 +18,15 @@ const module = defineNuxtModule({
       as: "useNuxtCodeMirror",
       from: resolve("./runtime/composables/useNuxtCodeMirror.ts")
     });
+    addTypeTemplate({
+      filename: "nuxt-codemirror.d.ts",
+      src: resolve("./runtime/types/nuxt-codemirror.d.ts")
+    });
     extendViteConfig((config) => {
       config.resolve = config.resolve || {};
       config.resolve.alias = config.resolve.alias || {};
       config.resolve.alias["@codemirror/state"] = resolve(_nuxt.options.rootDir, "node_modules/@codemirror/state");
+      config.resolve.alias["@codemirror/view"] = resolve(_nuxt.options.rootDir, "node_modules/@codemirror/view");
     });
   }
 });

package/dist/runtime/components/NuxtCodeMirror.vue

@@ -3,7 +3,7 @@ import type { ViewUpdate, EditorView } from '@codemirror/view'
 import type { EditorState } from '@codemirror/state'
 import { useNuxtCodeMirror } from '../composables/useNuxtCodeMirror'
 import type { NuxtCodeMirrorProps, Statistics } from '../types/nuxt-codemirror'
-import { onMounted, ref, watch, nextTick, computed } from '#imports'
+import { onMounted, ref, watch, computed, onBeforeUnmount } from '#imports'
 
 const editor = ref<HTMLDivElement | null>(null)
 const container = ref<HTMLDivElement | null>(null)
@@ -31,9 +31,7 @@ const emit = defineEmits<{
   (event: 'onUpdate' | 'onFocus' | 'onBlur', update: ViewUpdate): void
 }>()
 
-onMounted(async () => {
-  await nextTick()
-
+onMounted(() => {
   useNuxtCodeMirror({
     ...props,
     modelValue: modelValue.value,
@@ -57,6 +55,13 @@ onMounted(async () => {
   // console.log('test: ', view.value)
 })
 
+onBeforeUnmount(() => {
+  if (view.value) {
+    view.value?.destroy()
+    view.value = undefined
+  }
+})
+
 watch(() => modelValue, (newValue) => {
   if (typeof newValue !== 'string') {
     console.error(`value must be typeof string but got ${typeof newValue}`)

package/dist/runtime/composables/useNuxtCodeMirror.js

@@ -2,7 +2,7 @@ import { Annotation, EditorState, StateEffect } from "@codemirror/state";
 import { EditorView } from "@codemirror/view";
 import { getDefaultExtensions } from "../getDefaultExtensions.js";
 import { getStatistics } from "../utils/utils.js";
-import { onUnmounted, watch, watchEffect } from "#imports";
+import { watch, watchEffect } from "#imports";
 const External = Annotation.define();
 const emptyExtensions = [];
 export function useNuxtCodeMirror(props) {
@@ -146,10 +146,4 @@ export function useNuxtCodeMirror(props) {
     },
     { immediate: true }
   );
-  onUnmounted(() => {
-    if (viewRef) {
-      viewRef.value?.destroy();
-      viewRef.value = void 0;
-    }
-  });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-codemirror",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Nuxt codemirror module",
   "repository": "https://github.com/ThimoDEV/nuxt-codemirror",
   "license": "MIT",
@@ -32,7 +32,7 @@
     "@codemirror/commands": "^6.6.0",
     "@codemirror/state": "6.4.1",
     "@codemirror/theme-one-dark": "^6.1.1",
-    "@codemirror/view": "6.28.1",
+    "@codemirror/view": "6.29.1",
     "@nuxt/kit": "^3.12.4",
     "@uiw/codemirror-extensions-basic-setup": "^4.23.0"
   },