feat: improve code

Author: phk422

src/codemirror/CodeMirror.vue

@@ -4,7 +4,7 @@
 
 <script setup lang="ts">
 import type { ModeSpec, ModeSpecOptions } from 'codemirror'
-import { inject, onMounted, ref, watch, watchEffect } from 'vue'
+import { type Ref, inject, onMounted, ref, watch, watchEffect } from 'vue'
 import { debounce } from '../utils'
 import CodeMirror from './codemirror'
 
@@ -24,7 +24,7 @@ const emit = defineEmits<(e: 'change', value: string) => void>()
 
 const el = ref<HTMLDivElement>()
 const needAutoResize = inject('autoresize')
-const autoSave = inject<boolean>('autosave')
+const autoSave = inject<Ref<boolean>>('autosave')!
 
 onMounted(() => {
   const addonOptions = props.readonly
@@ -82,7 +82,7 @@ onMounted(() => {
   }
 
   watch(
-    () => autoSave,
+    autoSave,
     (newVal) => {
       if (newVal) {
         el.value!.removeEventListener('keydown', saveKeydownEvent)