docs: add CommandMenu

docs/astro.config.mjs

@@ -49,23 +49,29 @@ const __dirname = path.dirname(__filename)
 export default defineConfig({
   site: siteConfig.url,
   trailingSlash: 'never',
-  integrations: [mdx(), angular(), tailwind({
-    applyBaseStyles: false,
-  }), sitemap({
-    serialize(item) {
-      if (item.url === siteConfig.url) {
-        item.changefreq = 'daily'
-        item.lastmod = new Date()
-        item.priority = 1
-      }
-      else {
-        item.changefreq = 'daily'
-        item.lastmod = new Date()
-        item.priority = 0.9
-      }
-      return item
-    },
-  }), alpinejs()],
+  integrations: [
+    mdx(),
+    angular(),
+    tailwind({
+      applyBaseStyles: false,
+    }),
+    sitemap({
+      serialize(item) {
+        if (item.url === siteConfig.url) {
+          item.changefreq = 'daily'
+          item.lastmod = new Date()
+          item.priority = 1
+        }
+        else {
+          item.changefreq = 'daily'
+          item.lastmod = new Date()
+          item.priority = 0.9
+        }
+        return item
+      },
+    }),
+    alpinejs({ entrypoint: '/src/entrypoints/alpine' }),
+  ],
   markdown: {
     syntaxHighlight: false,
     remarkPlugins: [codeImport],

docs/package.json

@@ -11,6 +11,7 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@alpinejs/focus": "^3.14.3",
     "@analogjs/astro-angular": "^1.9.0",
     "@angular/animations": "^18.2.9",
     "@angular/cdk": "^18.2.10",
@@ -57,6 +58,7 @@
     "@angular/platform-browser-dynamic": "^18.2.9",
     "@angular/platform-server": "^18.2.9",
     "@shikijs/transformers": "^1.20.0",
+    "@types/alpinejs__focus": "^3.13.4",
     "@types/lodash.template": "^4.5.3",
     "lodash.template": "^4.5.0",
     "mdast-util-toc": "^7.1.0",

docs/src/components/Header.astro

@@ -4,6 +4,7 @@ import { buttonVariants } from '@/registry/new-york/ui/button'
 
 import Navbar from './Navbar.astro'
 import MobileNavbar from './MobileNavbar.astro'
+import CommandMenu from './CommandMenu.astro'
 
 const { pathname } = Astro.url
 ---
@@ -16,7 +17,7 @@ const { pathname } = Astro.url
     <MobileNavbar pathname={pathname} />
     <div class="flex flex-1 items-center justify-end space-x-2">
       <div class="w-full flex-1 md:w-auto md:flex-none">
-        <!-- <CommandMenu /> -->
+        <CommandMenu />
       </div>
       <div class="flex items-center">
         <a

docs/src/entrypoints/alpine.ts

@@ -0,0 +1,6 @@
+import focus from '@alpinejs/focus'
+import type { Alpine } from 'alpinejs'
+
+export default (Alpine: Alpine): void => {
+  Alpine.plugin(focus)
+}