App: Use /racepicks as default page (reroute / + change Formula11 button destination)

src/hooks.ts

@@ -0,0 +1,10 @@
+import type { Reroute } from "@sveltejs/kit";
+
+const rerouted: Record<string, string> = {};
+
+// NOTE: This does not change the browser's address bar (the route path)!
+export const reroute: Reroute = ({ url }) => {
+  if (url.pathname in rerouted) {
+    return rerouted[url.pathname];
+  }
+};

src/routes/+layout.svelte

@@ -290,8 +290,9 @@
           </div>
 
           <!-- Site logo -->
-          <Button href="/" color="primary"><span class="text-xl font-bold">Formula 11</span></Button
+          <Button href="/racepicks" color="primary">
-          >
+            <span class="text-xl font-bold">Formula 11</span>
+          </Button>
         </div>
       </svelte:fragment>
 

src/routes/+page.svelte

@@ -1,5 +0,0 @@
-<svelte:head>
-  <title>F11 - Formula 11</title>
-</svelte:head>
-
-<h1>Formula 11</h1>

src/routes/+page.ts

@@ -0,0 +1,5 @@
+import { redirect } from "@sveltejs/kit";
+
+export function load() {
+  redirect(302, "/racepicks");
+}