From d3a8613bfca7f0694eb55d83ae34e742eae85bcf Mon Sep 17 00:00:00 2001
From: Alex <alexzhang1030@foxmail.com>
Date: Tue, 2 Jul 2024 09:54:33 +0800
Subject: [PATCH 1/3] fix(script/vue-apis): remove nullish data

---
 packages/client/data/vue-apis.json | 1 -
 scripts/vue-api-manifest.ts        | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/client/data/vue-apis.json b/packages/client/data/vue-apis.json
index b2e161c8e..d54e2689b 100644
--- a/packages/client/data/vue-apis.json
+++ b/packages/client/data/vue-apis.json
@@ -281,7 +281,6 @@
     "description": "compile-time-flags",
     "url": "https:/vuejs.org/api/compile-time-flags#VUE_PROD_HYDRATION_MISMATCH_DETAILS"
   },
-  null,
   {
     "id": "doc:component-instance:$data",
     "title": "$data",
diff --git a/scripts/vue-api-manifest.ts b/scripts/vue-api-manifest.ts
index 75cf18b04..32c4d9409 100644
--- a/scripts/vue-api-manifest.ts
+++ b/scripts/vue-api-manifest.ts
@@ -59,11 +59,11 @@ const manifest = await Promise.all(files.map(async (file) => {
       url: `https:/vuejs.org/api${parentPath}#${path}`,
     }
   })
-})).then(r => r.filter(Boolean))
+})).then(r => r.flat(1).filter(Boolean))
 
 const targetDir = fileURLToPath(new URL('../packages/client/data', import.meta.url))
 
 if (!fse.existsSync(targetDir))
   fse.mkdirSync(targetDir)
 
-await fse.writeFile(`${targetDir}/vue-apis.json`, JSON.stringify(manifest.flat(1), null, 2))
+await fse.writeFile(`${targetDir}/vue-apis.json`, JSON.stringify(manifest, null, 2))

From 4c4fd6d25219d183a646dca345628d838ad214e2 Mon Sep 17 00:00:00 2001
From: Alex <alexzhang1030@foxmail.com>
Date: Tue, 2 Jul 2024 10:58:14 +0800
Subject: [PATCH 2/3] feat: update icon

---
 .../client/src/components/CommandPalette.vue  |  8 +++---
 .../client/src/composables/state-commands.ts  | 25 ++++++++++++++++---
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/packages/client/src/components/CommandPalette.vue b/packages/client/src/components/CommandPalette.vue
index d0921e50c..539e9e5e9 100644
--- a/packages/client/src/components/CommandPalette.vue
+++ b/packages/client/src/components/CommandPalette.vue
@@ -112,8 +112,8 @@ useEventListener('keydown', (e) => {
           @mouseover="selectedIndex = idx"
         >
           <div
-            flex="~ gap-2 items-center justify-between" rounded px3 py2
-            :class="selectedIndex === idx ? 'op100 bg-primary/10 text-primary saturate-100 bg-active' : 'op80'"
+            flex="~ gap-2 items-center justify-between h-10" rounded px3 py2
+            :class="selectedIndex === idx ? 'op100 saturate-100 bg-active' : 'op80'"
           >
             <TabIcon :icon="item.icon" :title="item.title" flex-none text-xl />
             <span flex flex-auto items-center gap2 of-hidden>
@@ -136,10 +136,10 @@ useEventListener('keydown', (e) => {
       <footer border="t base" flex="~ none justify-between items-center gap-4" pointer-events-none px4 py2>
         <div text-xs flex="~ items-center gap2">
           <button px1>
-            <VueIcon icon="carbon-arrow-down" />
+            <VueIcon icon="i-carbon-arrow-down" />
           </button>
           <button px1>
-            <VueIcon icon="carbon-arrow-up" />
+            <VueIcon icon="i-carbon-arrow-up" />
           </button>
           <span op75>to navigate</span>
         </div>
diff --git a/packages/client/src/composables/state-commands.ts b/packages/client/src/composables/state-commands.ts
index 1773b87fb..dfbd07689 100644
--- a/packages/client/src/composables/state-commands.ts
+++ b/packages/client/src/composables/state-commands.ts
@@ -130,14 +130,33 @@ export function registerCommands(getter: MaybeRefOrGetter<CommandItem[]>) {
 
 let _vueDocsCommands: CommandItem[] | undefined
 
+const apiIconMapping = {
+  'utility-types': 'i-mdi-language-typescript',
+  'ssr': 'i-codicon-server-process',
+  'custom-renderer': 'i-codicon-server-process',
+  'sfc-script-setup': 'i-material-symbols:magic-button',
+  'sfc-css-features': 'i-material-symbols-css',
+  'built-in-directives': 'i-material-symbols-code',
+  'built-in-special-attributes': 'i-material-symbols-code',
+  'component-instance': 'i-material-symbols-code',
+  'composition-api-dependency-injection': 'i-material-symbols-code',
+  'composition-api-lifecycle': 'i-material-symbols-code',
+  'general': 'i-material-symbols-code',
+  'compile-time-flags': 'i-material-symbols-toggle-on',
+  'reactivity-utilities': 'i-mdi-api',
+  'reactivity-advanced': 'i-mdi-api',
+  'render-function': 'i-mdi-api',
+  '...others': 'i-uim-vuejs',
+}
+
 export async function getVueDocsCommands() {
   if (!_vueDocsCommands) {
     const list = await import('../../data/vue-apis.json').then(i => i.default)
     _vueDocsCommands = list.map(i => ({
-      ...i!,
-      icon: 'i-carbon-api-1',
+      ...i,
+      icon: apiIconMapping[i.description] ?? apiIconMapping['...others'],
       action: () => {
-        window.open(i!.url, '_blank')
+        window.open(i.url, '_blank')
       },
     }))
   }

From e1dcdb63ce4cc66a43d4756443e36d6f8c04ee0a Mon Sep 17 00:00:00 2001
From: Alex <alexzhang1030@foxmail.com>
Date: Tue, 2 Jul 2024 10:59:34 +0800
Subject: [PATCH 3/3] chore: remove unused

---
 packages/client/src/components/CommandPalette.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/client/src/components/CommandPalette.vue b/packages/client/src/components/CommandPalette.vue
index 539e9e5e9..5a578d2cd 100644
--- a/packages/client/src/components/CommandPalette.vue
+++ b/packages/client/src/components/CommandPalette.vue
@@ -112,7 +112,7 @@ useEventListener('keydown', (e) => {
           @mouseover="selectedIndex = idx"
         >
           <div
-            flex="~ gap-2 items-center justify-between h-10" rounded px3 py2
+            flex="~ gap-2 items-center justify-between" rounded px3 py2
             :class="selectedIndex === idx ? 'op100 saturate-100 bg-active' : 'op80'"
           >
             <TabIcon :icon="item.icon" :title="item.title" flex-none text-xl />