From b304549a8d7f415042324d2523b1ed09c6937b6c Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Tue, 3 Jun 2025 11:18:42 +0600
Subject: [PATCH] web/routes: refactor error & /about/[page] to svelte 5

---
 web/src/routes/+error.svelte         |  8 ++++----
 web/src/routes/about/[page]/+page.ts | 21 +++++++++------------
 2 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/web/src/routes/+error.svelte b/web/src/routes/+error.svelte
index a317760a..f535b176 100644
--- a/web/src/routes/+error.svelte
+++ b/web/src/routes/+error.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
     import { onMount } from "svelte";
-    import { page } from "$app/stores";
+    import { page } from "$app/state";
     import { goto } from "$app/navigation";
     import { defaultNavPage } from "$lib/subnav";
 
     onMount(() => {
-        if ($page.error?.message === "Not Found") {
-            if ($page.url.pathname.startsWith("/settings")) {
+        if (page.error?.message === "Not Found") {
+            if (page.url.pathname.startsWith("/settings")) {
                 goto(defaultNavPage("settings"), { replaceState: true });
-            } else if ($page.url.pathname.startsWith("/about")) {
+            } else if (page.url.pathname.startsWith("/about")) {
                 goto(defaultNavPage("about"), { replaceState: true });
             } else {
                 goto("/", { replaceState: true });
diff --git a/web/src/routes/about/[page]/+page.ts b/web/src/routes/about/[page]/+page.ts
index be5c7a33..24d0b169 100644
--- a/web/src/routes/about/[page]/+page.ts
+++ b/web/src/routes/about/[page]/+page.ts
@@ -1,14 +1,13 @@
-import type { ComponentType, SvelteComponent } from 'svelte';
-import { get } from 'svelte/store';
-import { error } from '@sveltejs/kit';
+import locale from "$lib/i18n/locale";
+import { get } from "svelte/store";
+import { error } from "@sveltejs/kit";
+import { defaultLocale } from "$lib/i18n/translations";
 
-import type { PageLoad } from './$types';
+import type { Component } from "svelte";
+import type { PageLoad } from "./$types";
+import type { DefaultImport } from "$lib/types/generic";
 
-import locale from '$lib/i18n/locale';
-import type { DefaultImport } from '$lib/types/generic';
-import { defaultLocale } from '$lib/i18n/translations';
-
-const pages = import.meta.glob('$i18n/*/about/*.md');
+const pages = import.meta.glob("$i18n/*/about/*.md");
 
 export const load: PageLoad = async ({ params }) => {
     const getPage = (locale: string) => Object.keys(pages).find(
@@ -17,13 +16,11 @@ export const load: PageLoad = async ({ params }) => {
 
     const componentPath = getPage(get(locale)) || getPage(defaultLocale);
     if (componentPath) {
-        type Component = ComponentType<SvelteComponent>;
         const componentImport = pages[componentPath] as DefaultImport<Component>;
-
         return { component: (await componentImport()).default }
     }
 
-	error(404, 'Not found');
+    error(404, 'Not found');
 };
 
 export const prerender = true;