Update SearchHistory.vue

components/i/SearchHistory.vue

@@ -10,7 +10,6 @@
                 label="搜索记录"
             />
             <UButton
-                v-if="$isSignIn"
                 class="hidden group-hover:flex"
                 label="清空"
                 size="md"
@@ -18,7 +17,8 @@
                 @click="handleClear"
             />
         </div>
-        <div v-if="$isSignIn" class="flex overflow-y-auto flex-col gap-1 border-l border-gray-200 dark:border-gray-800 pl-2 ml-5">
+        <ClientOnly>
+            <div class="flex overflow-y-auto flex-col gap-1 border-l border-gray-200 dark:border-gray-800 pl-2 ml-5">
                 <template v-for="(item, index) in $searchHistory" :key="index">
                     <UButton
                         class="flex text-gray-400"
@@ -33,13 +33,13 @@
                     </UButton>
                 </template>
             </div>
+        </ClientOnly>
     </div>
 </template>
 <script setup>
 const emits = defineEmits(['sign', 'clear'])
 const Layout = inject('Layout')
 const modal = useModal()
-const { $isSignIn } = storeToRefs(useUserStore())
 const { $searchHistory } = storeToRefs(useSearchStore())
 const { $clearSearchHistory } = useSearchStore()
 const query = ref('')