sync with local storage

src/components/Search/SearchBar.vue

@@ -5,7 +5,7 @@ const emit = defineEmits<{
   active: [active: boolean]
 }>()
 
-const active = ref(false)
+const active = ref<boolean>(false)
 watch(active, () => {
   if (!active.value) {
     query.value = ''
@@ -14,7 +14,7 @@ watch(active, () => {
   emit('active', active.value)
 })
 
-const query = ref('')
+const query = ref<string>('')
 const results = computed<Note[]>(() => {
   return query.value ? findNotes(query.value) : notes.value
 })