feat: command palette (#200)

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

components/nav/NavSideItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-defineProps<{
+const props = defineProps<{
   text?: string
   icon: string
   to: string
@@ -9,6 +9,19 @@ defineSlots<{
   icon: {}
   default: {}
 }>()
+
+const router = useRouter()
+
+useCommand({
+  scope: 'Navigation',
+
+  name: () => props.text ?? props.to,
+  icon: () => props.icon,
+
+  onActivate() {
+    router.push(props.to)
+  },
+})
 </script>
 
 <template>