sync with local storage

src/components/Note/NoteEditor.vue

@@ -38,7 +38,7 @@ const editorConfig = {
     ParagraphPlugin,
     ListPlugin,
     AutoformatPlugin,
-    ContextedPlugin,
+    ContextedPlugin
   ],
   toolbar: {
     items: [
@@ -51,10 +51,10 @@ const editorConfig = {
       'redo',
       'heading',
       'bulletedList',
-      'numberedList',
-    ],
+      'numberedList'
+    ]
   },
-  placeholder: 'Click here to start typing...',
+  placeholder: 'Click here to start typing...'
 }
 
 const editorElement = ref<HTMLInputElement | null>(null)
@@ -70,10 +70,10 @@ const handleClick = ({ data }: { data: any }) => {
 }
 
 const autocompleteRef = ref<InstanceType<typeof Autocomplete> | null>(null)
-const showAutocomplete = ref(false)
-const autocompleteStyle = ref({})
-const autocompleteText = ref('')
-const autocompleteReverse = ref(false)
+const showAutocomplete = ref<boolean>(false)
+const autocompleteStyle = ref<{ [key: string]: any }>({})
+const autocompleteText = ref<string>('')
+const autocompleteReverse = ref<boolean>(false)
 
 const handleAutocomplete = async (event: AutocompleteEvent) => {
   const position = event.position
@@ -84,7 +84,7 @@ const handleAutocomplete = async (event: AutocompleteEvent) => {
     )
     autocompleteStyle.value = {
       top: `${position.top - rect.top + lineHeight}px`,
-      left: `${position.left - rect.left}px`,
+      left: `${position.left - rect.left}px`
     }
   }
   autocompleteText.value = event.autocompleteText || ''
@@ -99,12 +99,10 @@ const handleAutocomplete = async (event: AutocompleteEvent) => {
     editorRect &&
     autocompleteRect.bottom > editorRect.bottom
   ) {
-    const autocompleteHeight = parseFloat(
-      window.getComputedStyle(autocompleteElem).height
-    )
+    const autocompleteHeight = parseFloat(window.getComputedStyle(autocompleteElem).height)
     autocompleteStyle.value = {
       ...autocompleteStyle.value,
-      top: `${position.top - editorRect.top - autocompleteHeight}px`,
+      top: `${position.top - editorRect.top - autocompleteHeight}px`
     }
     autocompleteReverse.value = true
   } else {