feat: command palette (#200)

Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>

pages/@[account]/[status].vue

@@ -55,6 +55,7 @@ onReactivated(() => {
         <StatusDetails
           ref="main"
           :status="status"
+          command
           border="t base"
           style="scroll-margin-top: 60px"
         />

pages/@[account]/index.vue

@@ -26,7 +26,7 @@ onReactivated(() => {
     </template>
 
     <template v-if="account">
-      <AccountHeader :account="account" border="b base" />
+      <AccountHeader :account="account" command border="b base" />
       <NuxtPage />
     </template>
 

pages/@[account]/index/index.vue

@@ -13,16 +13,19 @@ const tabs = $computed(() => [
   {
     name: 'posts',
     display: t('tab.posts'),
+    icon: 'i-ri:file-list-2-line',
     paginator: paginatorPosts,
   },
   {
     name: 'relies',
     display: t('tab.posts_with_replies'),
+    icon: 'i-ri:chat-3-line',
     paginator: paginatorPostsWithReply,
   },
   {
     name: 'media',
     display: t('tab.media'),
+    icon: 'i-ri:camera-2-line',
     paginator: paginatorMedia,
   },
 ] as const)
@@ -34,7 +37,7 @@ const paginator = $computed(() => tabs.find(t => t.name === tab)!.paginator)
 
 <template>
   <div>
-    <CommonTabs v-model="tab" :options="tabs" />
+    <CommonTabs v-model="tab" :options="tabs" command />
     <KeepAlive>
       <TimelinePaginator :key="tab" :paginator="paginator" />
     </KeepAlive>