chore: update search component

chore: revert back to astro 4
hngngn · Nov 13, 2024 · afe84a9 · afe84a9 · vercel · Nov 13, 2024
1 parent 7323bfd
commit afe84a9
Show file tree

Hide file tree

Showing 6 changed files with 385 additions and 373 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -9,6 +9,7 @@
 		"source.removeUnusedImports": "explicit"
 	},
 	"[astro]": {
-		"editor.defaultFormatter": "astro-build.astro-vscode"
-	}
+		"editor.defaultFormatter": "astro-build.astro-vscode",
+	},
+	"astro.content-intellisense": true
 }
diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
@@ -2,7 +2,7 @@ import mdx from "@astrojs/mdx";
 import sitemap from "@astrojs/sitemap";
 import solidJs from "@astrojs/solid-js";
 import tailwind from "@astrojs/tailwind";
-import vercel from "@astrojs/vercel";
+import vercel from "@astrojs/vercel/serverless";
 import { defineConfig } from "astro/config";
 import rehypePrettyCode from "rehype-pretty-code";
 import { codeImport } from "remark-code-import";
@@ -135,4 +135,8 @@ export default defineConfig({
 	],
 	output: "server",
 	adapter: vercel(),
+	experimental: {
+		contentLayer: true,
+		contentIntellisense: true,
+	},
 });
diff --git a/docs/package.json b/docs/package.json
@@ -12,17 +12,17 @@
 	},
 	"dependencies": {
 		"@astrojs/check": "^0.9.4",
-		"@astrojs/mdx": "4.0.0-beta.3",
+		"@astrojs/mdx": "3.1.9",
 		"@astrojs/sitemap": "^3.2.1",
-		"@astrojs/solid-js": "3.0.0-beta.2",
+		"@astrojs/solid-js": "4.4.2",
 		"@astrojs/tailwind": "^5.1.2",
-		"@astrojs/vercel": "8.0.0-beta.3",
+		"@astrojs/vercel": "7.8.2",
 		"@kobalte/core": "^0.13.7",
 		"@repo/tailwindcss": "workspace:*",
 		"@repo/unocss": "workspace:*",
 		"@solid-primitives/storage": "^4.2.1",
 		"@tanstack/solid-table": "^8.20.5",
-		"astro": "5.0.0-beta.6",
+		"astro": "4.16.11",
 		"class-variance-authority": "^0.7.0",
 		"clsx": "^2.1.0",
 		"embla-carousel-autoplay": "^8.3.1",

diff --git a/docs/src/components/command-menu.tsx b/docs/src/components/command-menu.tsx
@@ -212,8 +212,21 @@ const CommandMenu = () => {
 			>
 				<span class="hidden lg:inline-flex">Search documentation...</span>
 				<span class="inline-flex lg:hidden">Search...</span>
-				<kbd class="pointer-events-none absolute right-[0.3rem] top-[0.3rem] hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium opacity-100 sm:flex">
-					<span class="text-xs">⌘</span>K
+				<kbd class="pointer-events-none absolute right-[0.3rem] top-[0.3rem] hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-xs font-medium opacity-100 sm:flex">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						class="size-3.5"
+						viewBox="0 0 32 32"
+					>
+						<path
+							fill="none"
+							stroke="currentColor"
+							stroke-width="2"
+							d="M19 19v4a4 4 0 1 0 4-4zm0 0v-6m0 6h-6m6-6V9a4 4 0 1 1 4 4zm0 0h-6m-4 0h-.007m0 0A4 4 0 1 1 13 9v4m-4.007 0H13m0 0v6m0 0v4a4 4 0 1 1-4-4z"
+						/>
+						<title>Command</title>
+					</svg>
+					<span>K</span>
 				</kbd>
 			</Button>
 			<CommandDialog

diff --git a/docs/src/layouts/root-layout.astro b/docs/src/layouts/root-layout.astro
@@ -1,5 +1,5 @@
 ---
-import { ClientRouter } from "astro:transitions";
+import { ViewTransitions } from "astro:transitions";
 import Footer from "@/components/footer.astro";
 import Header from "@/components/header.astro";
 import ToastWrapper from "@/components/toast-wrapper";
@@ -99,7 +99,7 @@ const { title, description, url } = Astro.props;
       }
     </style>
 
-    <ClientRouter />
+    <ViewTransitions />
   </head>
   <body>
     <div class="relative flex min-h-screen flex-col">