fix: rendering

Author: sourabpramanik

bun.lockb

@@ -179,5 +179,4 @@ const toggleMobileNav = () => {
             </nav>
         </div>
     </div>
-
 </template>

components/DocsNavigation.vue

@@ -11,6 +11,7 @@ const currentPath = currentRoute.path;
 
 // Utility function to determine if a directory is active
 const isActiveDirectory = (directoryPath: string) => currentPath.includes(directoryPath);
+
 </script>
 
 <template>
@@ -19,7 +20,7 @@ const isActiveDirectory = (directoryPath: string) => currentPath.includes(direct
         <div v-if="node.type === 'internalLink'" class="flex items-center gap-2 group">
             <span
                 :class="[{ 'opacity-0 group-hover:opacity-55': currentPath !== node.path }, { 'opacity-100': currentPath === node.path }]">></span>
-            <NuxtLink :to="node.path"
+            <NuxtLink :to="node.path" prefetch
                 :class="[{ 'opacity-55 group-hover:opacity-100': currentPath !== node.path }, { 'opacity-100': currentPath === node.path }]">
                 {{ node.label }}</NuxtLink>
         </div>
@@ -29,7 +30,7 @@ const isActiveDirectory = (directoryPath: string) => currentPath.includes(direct
             <div class="flex items-center gap-2 group">
                 <span
                     :class="[{ 'opacity-0 rotate-0 group-hover:opacity-55': !isActiveDirectory(node.path) }, { 'opacity-100 rotate-90': isActiveDirectory(node.path) }]">></span>
-                <NuxtLink :to="node.path"
+                <NuxtLink :to="node.path" prefetch
                     :class="[{ 'opacity-55 group-hover:opacity-100': currentPath !== node.path }, { 'opacity-100': currentPath === node.path }]">
                     {{ node.label }}</NuxtLink>
             </div>

components/FileTreeNode.vue

@@ -5,8 +5,14 @@ export default defineNuxtConfig({
       link: [{ rel: "icon", type: "image/png", href: "/logo.png" }],
     },
   },
+  routeRules: {
+    "/docs/**": { prerender: true },
+  },
   nitro: {
-    preset: "cloudflare-pages",
+    prerender: {
+      crawlLinks: true,
+      routes: ["/sitemap.xml", "/robots.txt"],
+    },
   },
   compatibilityDate: "2024-11-01",
   content: {
@@ -35,11 +41,6 @@ export default defineNuxtConfig({
         },
       },
     },
-    // database: {
-    //   type: "libsql",
-    //   url: process.env.TURSO_DATABASE_URL!,
-    //   authToken: process.env.TURSO_AUTH_TOKEN!,
-    // },
   },
   devtools: { enabled: true },
   modules: [
@@ -48,7 +49,6 @@ export default defineNuxtConfig({
     "@nuxtjs/tailwindcss",
     "nuxt-og-image",
     "@nuxtjs/google-fonts",
-    "@nuxthub/core",
   ],
   site: {
     url: "https://authsmith.com",

nuxt.config.ts

@@ -13,7 +13,6 @@
   "dependencies": {
     "@libsql/client": "^0.14.0",
     "@nuxt/content": "latest",
-    "@nuxthub/core": "0.8.17",
     "@nuxtjs/google-fonts": "3.2.0",
     "@nuxtjs/sitemap": "7.2.3",
     "@nuxtjs/tailwindcss": "6.13.1",
@@ -32,6 +31,5 @@
     "unenv": "^1.10.0",
     "vue-tsc": "^2.2.0",
     "wrangler": "latest"
-  },
-  "packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0"
+  }
 }

package.json

@@ -2,10 +2,9 @@
 import { defineWebPage, defineWebSite, useSchemaOrg } from '@unhead/schema-org/vue'
 
 const route = useRoute()
+prerenderRoutes(route.path)
 const path = route.path
-const { data } = await useAsyncData(() => queryCollection('docs').path(path).first(), {
-    watch: [route]
-})
+const { data } = await useAsyncData(path, () => queryCollection('docs').path(path).first())
 
 useSeoMeta({
     title: data.value?.title,