fix: hashtag id

components/command/CommandPanel.vue

@@ -42,7 +42,7 @@ const searchResult = $computed<QueryResult>(() => {
   const hashtagList = hashtags.value.slice(0, 3)
     .map<HashTagResult>(hashtag => ({
       type: 'hashtag',
-      id: hashtag.id,
+      id: `hashtag-${hashtag.name}`,
       hashtag,
       to: getTagRoute(hashtag.name),
     }))

components/search/SearchHashtagInfo.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import type { Tag } from 'masto'
 
-const { hashtag } = defineProps<{ hashtag: Tag }>()
+const { hashtag } = defineProps<{
+  hashtag: Tag
+}>()
 
 const totalTrend = $computed(() =>
   hashtag.history?.reduce((total: number, item) => total + (Number(item.accounts) || 0), 0),

components/search/SearchWidget.vue

@@ -17,7 +17,7 @@ const results = computed(() => {
   const results = [
     ...hashtags.value.slice(0, 3).map<HashTagResult>(hashtag => ({
       type: 'hashtag',
-      id: hashtag.id,
+      id: `hashtag-${hashtag.name}`,
       hashtag,
       to: getTagRoute(hashtag.name),
     })),

components/search/types.ts

@@ -1,4 +1,4 @@
-import type { Account, Status } from 'masto'
+import type { Account, Status, Tag } from 'masto'
 import type { RouteLocation } from 'vue-router'
 
 export type BuildResult<K extends keyof any, T> = {
@@ -10,7 +10,7 @@ export type BuildResult<K extends keyof any, T> = {
     href: string
   }
 }
-export type HashTagResult = BuildResult<'hashtag', any>
+export type HashTagResult = BuildResult<'hashtag', Tag>
 export type AccountResult = BuildResult<'account', Account>
 export type StatusResult = BuildResult<'status', Status>
 

composables/masto/search.ts

@@ -1,5 +1,5 @@
 import type { MaybeRef } from '@vueuse/core'
-import type { Account, Paginator, Results, SearchParams, Status } from 'masto'
+import type { Account, Paginator, Results, SearchParams, Status, Tag } from 'masto'
 
 export interface UseSearchOptions {
   type?: MaybeRef<'accounts' | 'hashtags' | 'statuses'>
@@ -11,7 +11,7 @@ export function useSearch(query: MaybeRef<string>, options?: UseSearchOptions) {
   const loading = ref(false)
   const statuses = ref<Status[]>([])
   const accounts = ref<Account[]>([])
-  const hashtags = ref<any[]>([])
+  const hashtags = ref<Tag[]>([])
 
   let paginator: Paginator<SearchParams, Results> | undefined