Move lib

frontend/src/app.d.ts

@@ -6,7 +6,15 @@ declare global {
 		// interface Locals {}
 		// interface PageData {}
 		// interface Platform {}
+
+		interface Route {
+			name: string;
+			duration: number;
+			image: string;
+		}
 	}
 }
 
-export {};
+export {
+	Route
+};

frontend/src/lib/components/Header.svelte

@@ -0,0 +1,3 @@
+<div>
+    <img src='/images/white-back-arrow.png' alt=''>
+</div>

frontend/src/lib/components/Path.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	export let type: string;
 	export let color: string;
-	export const path = '/path'
+	export const path = `/paths/${type}`;
 </script>
 
-<a href='{path}' class="route-card" >
+<a href={path} class="route-card">
 	<div class="route-card-left" style="background-color: {color}">
 		<img src="/images/app-bar-logo.png" alt="logo" />
 	</div>

frontend/src/routes/+layout.svelte

@@ -1,5 +1,5 @@
 <script>
-	import BottomAppBar from './components/BottomAppBar.svelte';
+	import BottomAppBar from '$lib/components/BottomAppBar.svelte';
 </script>
 <slot></slot>
 <footer>

frontend/src/routes/+page.svelte

@@ -1,7 +1,7 @@
 <script>
-	import BottomAppBar from './components/BottomAppBar.svelte';
+	import BottomAppBar from '$lib/components/BottomAppBar.svelte';
-	import Path from './components/Path.svelte';
+	import Path from '$lib/components/Path.svelte';
-	import Splash from './components/Splash.svelte';
+	import Splash from '$lib/components/Splash.svelte';
 </script>
 
 <Splash></Splash>

frontend/src/routes/path/+page.svelte

@@ -1 +0,0 @@
-Simple Path

frontend/src/routes/paths/+page.svelte

@@ -1 +0,0 @@
-Route Page

frontend/src/routes/paths/[slug]/+layout.svelte

@@ -0,0 +1,6 @@
+<script>
+    import Header from "$lib/components/Header.svelte";
+</script>
+
+<Header></Header>
+<slot></slot>

frontend/src/routes/paths/[slug]/+page.server.ts

@@ -0,0 +1,14 @@
+import { error } from "@sveltejs/kit";
+
+export const prerender = false;
+
+export async function load({ params }) {
+    return {
+        title: params.slug,
+        routes: [
+            {title: 'Percorso Pianello 1', image: '/images/test-1.jpg', duration: 123123123},
+            {title: 'Percorso Pianello 1', image: '/images/test-1.jpg', duration: 123123123},
+            {title: 'Percorso Pianello 1', image: '/images/test-1.jpg', duration: 123123123}
+        ]
+    }
+}

frontend/src/routes/paths/[slug]/+page.svelte

@@ -0,0 +1,3 @@
+<script lang="ts">
+	export let data;
+</script>