enable client-side routing

aster-void · aster-void · commit 66dadb6858fc · 2025-03-18T02:33:56.000+09:00
diff --git a/src/layouts/GlobalLayout.astro b/src/layouts/GlobalLayout.astro
@@ -1,4 +1,5 @@
 ---
+import { ClientRouter } from "astro:transitions";
 import Footer from "../components/Footer.astro";
 import Header from "../components/Header.astro";
 import Logo from "../images/favicon.png";
@@ -18,11 +19,12 @@ const { title, description, focus, image } = Astro.props;
 <html lang="ja" class="bg-gray-50 text-gray-800" data-theme="light">
   <Meta {title} {description} image={image ?? Logo} />
   <body class="min-h-full w-full">
-    <Header {focus} />
-    <slot />
-    <Footer />
     <style is:global>
       @import "../global.css";
     </style>
+    <Header {focus} />
+    <slot />
+    <Footer />
+    <ClientRouter />
   </body>
 </html>
