Rebase naar een clean sveltekit project met slugs

fdnd-agency · May 15, 2024 · 325667d · 325667d
1 parent 77cd4b8
commit 325667d
Show file tree

Hide file tree

Showing 12 changed files with 124 additions and 284 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/app.html b/src/app.html
@@ -1,16 +1,15 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    %sveltekit.head%
+    <title>WOGO, explore your city, one cocktail at a time.</title>
+    <link rel="stylesheet" href="/global.css" />
+  </head>
 
-<head>
-	<meta charset="utf-8" />
-	<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-	%sveltekit.head%
-	<title>WOGO, explore your city, one cocktail at a time.</title>
-</head>
-
-<body data-sveltekit-preload-data="hover">
-	<div style="display: contents">%sveltekit.body%</div>
-</body>
-
-</html>
+  <body data-sveltekit-preload-data="hover">
+    <div style="display: contents">%sveltekit.body%</div>
+  </body>
+</html>
diff --git a/src/hooks.server.js b/src/hooks.server.js
@@ -0,0 +1,21 @@
+const redirects = [
+  {
+    source: '/',
+    destination: '/home',
+  },
+  {
+    source: '/form',
+    destination: '/foo',
+  },
+]
+
+export async function handle({ event, resolve }) {
+  const redirect = redirects.find((item) => event.url.pathname === item.source)
+
+  if (redirect) {
+    return new Response('', { status: 301, headers: { Location: redirect.destination } })
+  }
+
+  const response = await resolve(event)
+  return response
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -6,13 +6,12 @@
 <header>
   <Navigation navigationItems={data.navigation} />
 </header>
+
 <main id="main">
+
   <slot />
+
 </main>
-<Footer footerItems={data.footer} />
 
+<Footer footerItems={data.footer} />
 <TabBar tabBarItems={data.tabBar} />
-
-<style global>
-  @import './global.css';
-</style>
diff --git a/src/routes/+page.server.js b/src/routes/+page.server.js
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
diff --git a/src/routes/[slug]/+page.server.js b/src/routes/[slug]/+page.server.js
@@ -0,0 +1,7 @@
+export function load({ params }) {
+  console.log(params.slug)
+  let data = { slug: params.slug }
+  // Laad aan de hand hiervan de juiste pagina in en return de data
+
+  return data
+}
diff --git a/src/routes/[slug]/+page.svelte b/src/routes/[slug]/+page.svelte
@@ -0,0 +1,20 @@
+<script>
+  // import kruimelpad
+  export let data
+
+  console.log('vanuit page ' + data.slug)
+</script>
+
+<!-- if(parentSlug) {
+  <kruimelpad parentSlug />
+} -->
+
+<div>
+Dit is een slug!!!!
+</div>
+
+<style>
+  div {
+    color: red;
+  }
+</style>
diff --git a/src/routes/global.css b/src/routes/global.css
diff --git a/src/routes/ticketoverview/+page.server.js b/src/routes/ticketoverview/+page.server.js
diff --git a/src/routes/ticketoverview/+page.svelte b/src/routes/ticketoverview/+page.svelte