nuxt-codemirror 0.0.16 → 0.0.18

package/dist/module.d.mts

@@ -5,4 +5,5 @@ interface ModuleOptions {
 }
 declare const _default: _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, _nuxt_schema.ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "nuxt-codemirror",
   "configKey": "nuxtCodemirror",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
-    "unbuild": "2.0.0"
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
   }
 }

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defineNuxtModule, createResolver, addComponent, addImports, addTypeTemplate, extendViteConfig } from '@nuxt/kit';
 
-const module = defineNuxtModule({
+const module$1 = defineNuxtModule({
   meta: {
     name: "nuxt-codemirror",
     configKey: "nuxtCodemirror"
@@ -33,4 +33,4 @@ const module = defineNuxtModule({
   }
 });
 
-export { module as default };
+export { module$1 as default };

package/dist/runtime/components/NuxtCodeMirror.vue

@@ -1,78 +1,82 @@
-<script setup lang="ts">
-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, computed, onBeforeUnmount } from '#imports'
-
-const editor = ref<HTMLDivElement | null>(null)
-const container = ref<HTMLDivElement | null>(null)
-const view = ref<EditorView>()
-const state = ref<EditorState>()
-
-const modelValue = defineModel<string>({ default: '' })
-
-const props = withDefaults(defineProps<Omit<NuxtCodeMirrorProps, 'modelValue'>>(), {
-  extensions: () => [],
-  theme: 'light',
-})
-
-defineExpose({
-  container,
-  view,
-  state,
-  editor,
-})
-
-const emit = defineEmits<{
-  (event: 'onChange', value: string, viewUpdate: ViewUpdate): void
-  (event: 'onStatistics', data: Statistics): void
-  (event: 'onCreateEditor', editor: { view: EditorView, state: EditorState }): void
-  (event: 'onUpdate' | 'onFocus' | 'onBlur', update: ViewUpdate): void
-}>()
-
-onMounted(() => {
-  useNuxtCodeMirror({
-    ...props,
-    modelValue: modelValue,
-    onChange: (value, viewUpdate) => {
-      modelValue.value = value
-      emit('onChange', value, viewUpdate)
-    },
-    onStatistics: data => emit('onStatistics', data),
-    onCreateEditor: (view, state) => emit('onCreateEditor', { view, state }),
-    onUpdate: viewUpdate => emit('onUpdate', viewUpdate),
-    onFocus: viewUpdate => emit('onFocus', viewUpdate),
-    onBlur: viewUpdate => emit('onBlur', viewUpdate),
-    container: editor.value,
-    viewRef: view,
-    stateRef: state,
-    containerRef: container,
-  })
-})
-
-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}`)
-  }
-})
-
-const defaultClassNames = computed(() =>
-  typeof props.theme === 'string' ? `cm-theme-${props.theme}` : 'cm-theme',
-)
-</script>
-
-<template>
+<script setup>
+import { useNuxtCodeMirror } from "../composables/useNuxtCodeMirror";
+import { onMounted, ref, watch, computed, onBeforeUnmount } from "#imports";
+const editor = ref(null);
+const container = ref(null);
+const view = ref();
+const state = ref();
+const modelValue = defineModel({ type: String, ...{ default: "" } });
+const props = defineProps({
+  height: { type: String, required: false },
+  minHeight: { type: String, required: false },
+  maxHeight: { type: String, required: false },
+  width: { type: String, required: false },
+  minWidth: { type: String, required: false },
+  maxWidth: { type: String, required: false },
+  autoFocus: { type: Boolean, required: false },
+  placeholder: { type: null, required: false },
+  theme: { type: [String, Object, Array], required: false, default: "light" },
+  basicSetup: { type: Boolean, required: false, skipCheck: true },
+  editable: { type: Boolean, required: false },
+  readOnly: { type: Boolean, required: false },
+  indentWithTab: { type: Boolean, required: false },
+  onChange: { type: Function, required: false },
+  onStatistics: { type: Function, required: false },
+  onUpdate: { type: Function, required: false },
+  onCreateEditor: { type: Function, required: false },
+  onFocus: { type: Function, required: false },
+  onBlur: { type: Function, required: false },
+  extensions: { type: Array, required: false, default: () => [] },
+  root: { type: null, required: false },
+  initialState: { type: Object, required: false },
+  selection: { type: Object, required: false }
+});
+defineExpose({
+  container,
+  view,
+  state,
+  editor
+});
+const emit = defineEmits(["onChange", "onStatistics", "onCreateEditor", "onUpdate", "onFocus", "onBlur"]);
+onMounted(() => {
+  useNuxtCodeMirror({
+    ...props,
+    modelValue,
+    onChange: (value, viewUpdate) => {
+      modelValue.value = value;
+      emit("onChange", value, viewUpdate);
+    },
+    onStatistics: (data) => emit("onStatistics", data),
+    onCreateEditor: (view2, state2) => emit("onCreateEditor", { view: view2, state: state2 }),
+    onUpdate: (viewUpdate) => emit("onUpdate", viewUpdate),
+    onFocus: (viewUpdate) => emit("onFocus", viewUpdate),
+    onBlur: (viewUpdate) => emit("onBlur", viewUpdate),
+    container: editor.value,
+    viewRef: view,
+    stateRef: state,
+    containerRef: container
+  });
+});
+onBeforeUnmount(() => {
+  if (view.value) {
+    view.value?.destroy();
+    view.value = void 0;
+  }
+});
+watch(() => modelValue, (newValue) => {
+  if (typeof newValue !== "string") {
+    console.error(`value must be typeof string but got ${typeof newValue}`);
+  }
+});
+const defaultClassNames = computed(
+  () => typeof props.theme === "string" ? `cm-theme-${props.theme}` : "cm-theme"
+);
+</script>
+
+<template>
   <div
     ref="editor"
     :class="`${defaultClassNames}${$attrs.class ? ` ${$attrs.class}` : ''}`"
     v-bind="$attrs"
   />
-</template>
+</template>

package/dist/types.d.mts

@@ -1 +1,3 @@
-export { type ModuleOptions, default } from './module.js'
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-codemirror",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Nuxt codemirror module",
   "repository": "https://github.com/ThimoDEV/nuxt-codemirror",
   "homepage": "https://github.com/ThimoDEV/nuxt-codemirror#readme",
@@ -12,13 +12,11 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
     }
   },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
+  "main": "./dist/module.mjs",
   "files": [
     "dist"
   ],
@@ -43,31 +41,31 @@
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.10",
-    "@codemirror/autocomplete": "^6.18.6",
-    "@codemirror/commands": "^6.8.0",
-    "@codemirror/language": "^6.10.8",
-    "@codemirror/lint": "^6.8.4",
-    "@codemirror/search": "^6.5.10",
-    "@codemirror/state": "6.5.2",
-    "@codemirror/theme-one-dark": "^6.1.2",
-    "@codemirror/view": "6.36.4",
-    "@nuxt/kit": "^3.16.1"
+    "@babel/runtime": "^7.28.6",
+    "@codemirror/autocomplete": "^6.20.0",
+    "@codemirror/commands": "^6.10.2",
+    "@codemirror/language": "^6.12.2",
+    "@codemirror/lint": "^6.9.4",
+    "@codemirror/search": "^6.6.0",
+    "@codemirror/state": "6.5.4",
+    "@codemirror/theme-one-dark": "^6.1.3",
+    "@codemirror/view": "6.39.15",
+    "@nuxt/kit": "^4.3.1"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.2.1",
-    "@nuxt/devtools-ui-kit": "^1.6.4",
-    "@nuxt/eslint-config": "^1.2.0",
-    "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.16.0",
-    "@nuxt/test-utils": "^3.17.2",
-    "@types/node": "^22.13.10",
-    "changelogen": "^0.6.1",
-    "eslint": "^9.22.0",
-    "nuxt": "^3.16.0",
-    "typescript": "5.3.2",
-    "vitest": "^3.0.8",
-    "vue-tsc": "2.0.29"
+    "@nuxt/devtools": "^3.2.2",
+    "@nuxt/devtools-ui-kit": "^3.2.2",
+    "@nuxt/eslint-config": "^1.15.2",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.3.1",
+    "@nuxt/test-utils": "^4.0.0",
+    "@types/node": "^25.3.2",
+    "changelogen": "^0.6.2",
+    "eslint": "^10.0.2",
+    "nuxt": "^4.3.1",
+    "typescript": "5.9.3",
+    "vitest": "^4.0.18",
+    "vue-tsc": "3.2.5"
   },
   "resolutions": {
     "vue-tsc": "2.2.2"
@@ -78,4 +76,4 @@
     "vue"
   ],
   "packageManager": "pnpm@10.6.5"
-}
+}

package/dist/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.ts

@@ -1,8 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-interface ModuleOptions {
-    devtools?: boolean;
-}
-declare const _default: _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, _nuxt_schema.ModuleOptions, false>;
-
-export { type ModuleOptions, _default as default };

package/dist/types.d.ts

@@ -1 +0,0 @@
-export { type ModuleOptions, default } from './module'