Don't just catch everything as a flat page

src/routes/(pages)/[...path]/+page.svelte → src/routes/(pages)/about/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import Flatpage from "@/lib/components/layouts/Flatpage.svelte";
+  import Flatpage from "$lib/components/layouts/Flatpage.svelte";
 
   export let data;
 

src/routes/(pages)/about/+page.ts

@@ -0,0 +1,26 @@
+import { error } from "@sveltejs/kit";
+
+import { PAGE_MAX_AGE } from "@/config/config.js";
+import * as flatpages from "$lib/api/flatpages";
+
+export const trailingSlash = "always";
+
+const path = "/about/";
+
+export async function load({ fetch, setHeaders }) {
+  const { data, error: err } = await flatpages.get(path, fetch);
+
+  if (err) {
+    return error(err.status, { message: err.message });
+  }
+
+  if (!data) {
+    return error(404, "Page not found");
+  }
+
+  setHeaders({
+    "cache-control": `public, max-age=${PAGE_MAX_AGE}`,
+  });
+
+  return data;
+}

src/routes/(pages)/help/[...path]/+page.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import Flatpage from "$lib/components/layouts/Flatpage.svelte";
+
+  export let data;
+
+  $: title = data.title;
+  $: content = data.content;
+</script>
+
+<svelte:head>
+  <title>{title} | DocumentCloud</title>
+</svelte:head>
+
+<Flatpage {content} />

src/routes/(pages)/[...path]/+page.ts → src/routes/(pages)/help/[...path]/+page.ts

@@ -4,10 +4,11 @@ import { error } from "@sveltejs/kit";
 import { PAGE_MAX_AGE } from "@/config/config.js";
 import * as flatpages from "$lib/api/flatpages";
 
-export const trailingSlash = "ignore";
+export const trailingSlash = "always";
 
 export async function load({ fetch, params, setHeaders }) {
-  const { data, error: err } = await flatpages.get(params.path, fetch);
+  const path = ["help", ...params.path.split("/")].join("/");
+  const { data, error: err } = await flatpages.get(path, fetch);
 
   if (err) {
     return error(err.status, { message: err.message });