fix: run fetchFuseListData only on the client

WRXinYue · Jan 5, 2025 · 630bdd2 · 630bdd2
1 parent 988d0dc
commit 630bdd2
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/theme/components/layouts/SakuraSearchLayout.vue b/theme/components/layouts/SakuraSearchLayout.vue
@@ -2,14 +2,17 @@
 import { useFuseSearch } from 'valaxy'
 import { ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
+import { isClient } from '@vueuse/core'
 
 const input = ref()
 
 const { results, fetchFuseListData } = useFuseSearch(input)
 const route = useRoute()
 
 watch(() => route.query.q as string, (query) => {
-  fetchFuseListData()
+  if (isClient)
+    fetchFuseListData()
+
   input.value = query || ''
 }, { immediate: true })
 </script>
@@ -61,7 +64,7 @@ watch(() => route.query.q as string, (query) => {
 
                     <div class="post-more">
                       <AppLink :to="result.item.link">
-                        <MashiroDots class="float-right mt-10px" />
+                        <SakuraDots class="float-right mt-10px" />
                       </AppLink>
                     </div>
                     <hr style="border-bottom: 1px #ccc; width: 30%;" class="mx-auto mb-62px mt-69px">