chore: use trailing slash for routes

danielroe · Nov 14, 2024 · 99fab28 · 99fab28
1 parent e722d40
commit 99fab28
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/app/app.vue b/app/app.vue
@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts" setup>
-import { joinURL } from 'ufo'
+import { joinURL, withTrailingSlash } from 'ufo'
 
 const route = useRoute()
 
@@ -52,7 +52,7 @@ if (import.meta.server) {
   )
 
   const { path = '/' } = route.fullPath.match(PATH_RE)?.groups ?? {}
-  const url = `https://roe.dev${path}`
+  const url = withTrailingSlash(`https://roe.dev${path}`)
 
   useServerHead({
     meta: () => [

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -142,6 +142,9 @@ export default defineNuxtConfig({
   experimental: {
     buildCache: false,
     defaults: {
+      nuxtLink: {
+        trailingSlash: 'append',
+      },
       useAsyncData: {
         deep: false,
       },
@@ -161,7 +164,7 @@ export default defineNuxtConfig({
     future: { nativeSWR: true },
     prerender: {
       crawlLinks: true,
-      routes: ['/', '/rss.xml', '/voted', '/work', '/feedback', '/ama', '/ai'],
+      routes: ['/', '/rss.xml', '/voted/', '/work/', '/feedback/', '/ama/', '/ai/'],
     },
     hooks: {
       'prerender:generate' (route) {