chore(interactive): fix clear event does not take effect (#1997)

unocss · Dec 14, 2022 · 92d2470 · 92d2470
1 parent 9575433
commit 92d2470
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/interactive/components/Search.vue b/interactive/components/Search.vue
@@ -4,12 +4,20 @@ import { onBeforeRouteUpdate } from 'vue-router'
 import type { ResultItem } from '~/types'
 import { input, isSearching, searchResult, selectIndex, userConfigLoading } from '~/composables/state'
 
+const route = useRoute()
 const router = useRouter()
 const inputEl = $ref<HTMLInputElement>()
 const vFocus = {
   mounted: (el: HTMLElement) => el.focus(),
 }
 
+watch(
+  () => route.query.s,
+  async (val) => {
+    input.value = String(val || '')
+  },
+)
+
 async function executeSearch() {
   if (input.value)
     isSearching.value = true