chore(interactive): reduce search execution (#1970)

* chore(interactive): fix search duplicate execution * chore: fix lint error
unocss · Dec 12, 2022 · 64a01d5 · 64a01d5
1 parent f813195
commit 64a01d5
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/interactive/components/Search.vue b/interactive/components/Search.vue
@@ -13,13 +13,15 @@ const vFocus = {
 
 watch(
   () => route.query.s,
-  async () => {
-    input.value = String(route.query.s || '')
-    await excuteSearch()
+  async (val) => {
+    if (input.value === val)
+      return
+    input.value = String(val || '')
+    await executeSearch()
   },
 )
 
-async function excuteSearch() {
+async function executeSearch() {
   if (input.value)
     isSearching.value = true
   try {
@@ -45,7 +47,7 @@ async function excuteSearch() {
 
 throttledWatch(
   input,
-  excuteSearch,
+  executeSearch,
   { throttle: 100, immediate: true },
 )