@hotwired/turbo

Author: aster-void

.ignore

@@ -0,0 +1 @@
+bun.lock

bun.lock

@@ -26,6 +26,7 @@
     "@astrojs/sitemap": "^3.2.1",
     "@astrojs/svelte": "^7.0.6",
     "@date-fns/tz": "^1.2.0",
+    "@hotwired/turbo": "^8.0.13",
     "@iconify-json/feather": "^1.2.1",
     "@tailwindcss/typography": "^0.5.16",
     "astro": "^5.4.2",
@@ -42,6 +43,7 @@
     "@biomejs/biome": "^1.9.4",
     "@tailwindcss/vite": "^4.0.12",
     "@types/bun": "^1.2.4",
+    "@types/hotwired__turbo": "^8.0.4",
     "lefthook": "^1.11.3",
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",

package.json

@@ -56,8 +56,6 @@ const articlesWithExcerpts = await Promise.all(
       const imageWidth = baseW * (isFeatured ? 2 : 1);
       const imageHeight = baseW * (3 / 5) * (isFeatured ? 2 : 1);
 
-      console.log(article.data.bg_color);
-
       article.data.fit ??= "cover";
       article.data.position ??= "center";
 

src/components/ArticleList.astro

@@ -1,5 +1,4 @@
 ---
-import { ClientRouter } from "astro:transitions";
 import Footer from "+/components/Footer.astro";
 import Header from "+/components/Header.astro";
 import Logo from "+/images/favicon.png";
@@ -25,6 +24,8 @@ const { title, description, focus, image } = Astro.props;
     <Header {focus} />
     <slot />
     <Footer />
-    <ClientRouter />
+    <script>
+      import "@hotwired/turbo";
+    </script>
   </body>
 </html>