From 99fab2853196b8d8d098b81d8ee63ff56e10a886 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 14 Nov 2024 10:17:05 +0100
Subject: [PATCH] chore: use trailing slash for routes

---
 app/app.vue    | 4 ++--
 nuxt.config.ts | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index a3d04757..642ff72c 100644
--- 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
index c5a52f73..593a3ec3 100644
--- 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) {
-- 
2.54.0