feat(CommandPalette): implement component

docs/app.vue

@@ -74,7 +74,7 @@ const sections = [
   { label: 'Feedback', links: [{ label: 'Alert', to: '/components/Alert' }, { label: 'AlertDialog', to: '/components/AlertDialog' }] },
   { label: 'Forms', links: [{ label: 'Checkbox', to: '/components/Checkbox' }, { label: 'Input', to: '/components/Input' }, { label: 'FormGroup', to: '/components/FormGroup' }, { label: 'Radio', to: '/components/Radio' }, { label: 'Select', to: '/components/Select' }, { label: 'SelectCustom', to: '/components/SelectCustom' }, { label: 'Textarea', to: '/components/Textarea' }, { label: 'Toggle', to: '/components/Toggle' }] },
   { label: 'Layout', links: [{ label: 'Card', to: '/components/Card' }, { label: 'Container', to: '/components/Container' }] },
-  { label: 'Navigation', links: [{ label: 'Pills', to: '/components/Pills' }, { label: 'Tabs', to: '/components/Tabs' }, { label: 'VerticalNavigation', to: '/components/VerticalNavigation' }] },
+  { label: 'Navigation', links: [{ label: 'Pills', to: '/components/Pills' }, { label: 'Tabs', to: '/components/Tabs' }, { label: 'VerticalNavigation', to: '/components/VerticalNavigation' }, { label: 'CommandPalette', to: '/components/CommandPalette' }] },
   { label: 'Overlays', links: [{ label: 'Modal', to: '/components/Modal' }, { label: 'Notification', to: '/components/Notification' }, { label: 'Popover', to: '/components/Popover' }, { label: 'Slideover', to: '/components/Slideover' }, { label: 'Tooltip', to: '/components/Tooltip' }] }
 ]
 </script>

docs/pages/components/[component].vue

@@ -193,6 +193,19 @@ const defaultProps = {
       }
     ]
   },
+  CommandPalette: {
+    groups: [{
+      key: 'people',
+      label: 'People',
+      commands: [
+        { id: 1, label: 'Durward Reynolds', disabled: false },
+        { id: 2, label: 'Kenton Towne', disabled: false },
+        { id: 3, label: 'Therese Wunsch', disabled: false },
+        { id: 4, label: 'Benedict Kessler', disabled: true },
+        { id: 5, label: 'Katelyn Rohan', disabled: false }
+      ]
+    }]
+  },
   Icon: {
     name: 'heroicons-outline:bell'
   },

docs/pages/migration.vue

@@ -212,6 +212,14 @@ const components = [
     capi: true,
     typescript: true
   },
+  {
+    label: 'CommandPalette',
+    to: '/components/CommandPalette',
+    nuxt3: true,
+    capi: true,
+    preset: false,
+    typescript: true
+  },
   {
     label: 'Tabs',
     to: '/components/Tabs',