Fixed wrong typing of computed value.

Author: logue

package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "vue-codemirror6",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "license": "MIT",
   "description": "CodeMirror6 Component for vue2 and vue3.",
   "keywords": [
@@ -51,7 +51,7 @@
     "./sfc": "./src/components/CodeMirror.ts"
   },
   "engines": {
-    "node": ">=16.17.1",
+    "node": ">=16.18.0",
     "yarn": ">=1.22.10"
   },
   "packageManager": "[email protected]",
@@ -85,22 +85,22 @@
     "@codemirror/lang-javascript": "^6.1.0",
     "@codemirror/lang-markdown": "^6.0.2",
     "@types/lodash": "^4.14.186",
-    "@types/node": "^18.8.4",
-    "@typescript-eslint/eslint-plugin": "^5.40.0",
-    "@typescript-eslint/parser": "^5.40.0",
+    "@types/node": "^18.11.4",
+    "@typescript-eslint/eslint-plugin": "^5.40.1",
+    "@typescript-eslint/parser": "^5.40.1",
     "@vitejs/plugin-vue": "^3.1.2",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/tsconfig": "^0.1.3",
     "codemirror": "^6.0.1",
-    "eslint": "^8.25.0",
+    "eslint": "^8.26.0",
     "eslint-config-google": "^0.14.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-import-resolver-typescript": "^3.5.1",
-    "eslint-linter-browserify": "^8.25.0",
+    "eslint-import-resolver-typescript": "^3.5.2",
+    "eslint-linter-browserify": "^8.26.0",
     "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsdoc": "^39.3.6",
+    "eslint-plugin-jsdoc": "^39.3.23",
     "eslint-plugin-tsdoc": "^0.2.17",
     "eslint-plugin-vue": "^9.6.0",
     "eslint-plugin-vuejs-accessibility": "^1.2.0",
@@ -110,14 +110,14 @@
     "lodash": "^4.17.21",
     "prettier": "^2.7.1",
     "rimraf": "^3.0.2",
-    "rollup-plugin-visualizer": "^5.8.2",
+    "rollup-plugin-visualizer": "^5.8.3",
     "typescript": "^4.8.4",
-    "vite": "^3.1.7",
+    "vite": "^3.1.8",
     "vite-plugin-banner": "^0.5.0",
     "vite-plugin-checker": "^0.5.1",
-    "vue": "^3.2.40",
+    "vue": "^3.2.41",
     "vue-eslint-parser": "^9.1.0",
-    "vue-tsc": "^1.0.5"
+    "vue-tsc": "^1.0.9"
   },
   "husky": {
     "hooks": {

src/components/CodeMirror.ts

@@ -14,6 +14,7 @@ import {
   type Ref,
   type SetupContext,
   type ShallowRef,
+  type WritableComputedRef,
 } from 'vue-demi';
 
 // Helpers
@@ -52,11 +53,11 @@ export interface CodeMirrorEmitsOptions extends ObjectEmitsOptions {
     value: {
       view: EditorView;
       state: EditorState;
-      container: HTMLDivElement;
+      container: HTMLElement;
     }
   ): void;
-  /** onChanged (same as update:modelValue) */
-  (e: 'changed', value: string | Text): void;
+  /** onChange (same as update:modelValue) */
+  (e: 'change', value: string | Text): void;
 }
 
 /** CodeMirror Component */
@@ -213,25 +214,25 @@ export default defineComponent({
     const view: ShallowRef<EditorView> = shallowRef(new EditorView());
 
     /** Selection */
-    const selection: Ref<EditorSelection> = computed({
+    const selection: WritableComputedRef<EditorSelection> = computed({
       get: () => view.value.state.selection,
       set: s => view.value.dispatch({ selection: s }),
     });
 
     /** Cursor Position */
-    const cursor: Ref<number> = computed({
+    const cursor: WritableComputedRef<number> = computed({
       get: () => selection.value.main.head || 0,
       set: a => view.value.dispatch({ selection: { anchor: a } }),
     });
 
     /** Editor State */
-    const state: Ref<EditorState> = computed({
+    const state: WritableComputedRef<EditorState> = computed({
       get: () => view.value.state,
       set: s => view.value.setState(s),
     });
 
     /** Focus */
-    const focus: Ref<boolean> = computed({
+    const focus: WritableComputedRef<boolean> = computed({
       get: () => view.value.hasFocus,
       set: f => {
         if (f) {