fix: upgrade & downupgrade deps

components/account/AccountTabs.vue

@@ -1,11 +1,13 @@
 <script setup lang="ts">
+import type { CommonRouteTabOption } from '../common/CommonRouteTabs.vue'
+
 const { t } = useI18n()
 const route = useRoute()
 
 const server = $(computedEager(() => route.params.server as string))
 const account = $(computedEager(() => route.params.account as string))
 
-const tabs = $computed(() => [
+const tabs = $computed<CommonRouteTabOption[]>(() => [
   {
     name: 'account-index',
     to: {
@@ -33,7 +35,7 @@ const tabs = $computed(() => [
     display: t('tab.media'),
     icon: 'i-ri:camera-2-line',
   },
-] as const)
+])
 </script>
 
 <template>

components/common/CommonRouteTabs.vue

@@ -1,14 +1,15 @@
 <script setup lang="ts">
 import type { RouteLocationRaw } from 'vue-router'
 
+export interface CommonRouteTabOption {
+  to: RouteLocationRaw
+  display: string
+  disabled?: boolean
+  name?: string
+  icon?: string
+}
 const { options, command, replace, preventScrollTop = false } = $defineProps<{
-  options: {
-    to: RouteLocationRaw
-    display: string
-    disabled?: boolean
-    name?: string
-    icon?: string
-  }[]
+  options: CommonRouteTabOption[]
   command?: boolean
   replace?: boolean
   preventScrollTop?: boolean

components/search/SearchHashtagInfo.vue

@@ -19,9 +19,9 @@ const totalTrend = $computed(() =>
       <span>
         {{ hashtag.name }}
       </span>
-      <CommonTrending :history="hashtag.history" text-xs text-secondary truncate />
+      <CommonTrending v-if="hashtag.history" :history="hashtag.history" text-xs text-secondary truncate />
     </div>
-    <div v-if="totalTrend" absolute left-15 right-0 top-0 bottom-4 op35 flex place-items-center place-content-center ml-auto>
+    <div v-if="totalTrend && hashtag.history" absolute left-15 right-0 top-0 bottom-4 op35 flex place-items-center place-content-center ml-auto>
       <CommonTrendingCharts
         :history="hashtag.history" :width="150" :height="20"
         text-xs text-secondary h-full w-full

components/tag/TagCard.vue

@@ -42,9 +42,9 @@ function go(evt: MouseEvent | KeyboardEvent) {
         <span>#</span>
         <span hover:underline>{{ tag.name }}</span>
       </h4>
-      <CommonTrending :history="tag.history" text-sm text-secondary line-clamp-1 ws-pre-wrap break-all />
+      <CommonTrending v-if="tag.history" :history="tag.history" text-sm text-secondary line-clamp-1 ws-pre-wrap break-all />
     </div>
-    <div flex items-center>
+    <div v-if="tag.history" flex items-center>
       <CommonTrendingCharts :history="tag.history" />
     </div>
   </div>