From fdffe5fcdd74aa9e4fc8e0b22cbdab72c6f7dd56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hannes=20K=C3=B6rber?= <hannes@hkoerber.de>
Date: Mon, 6 Sep 2021 18:11:51 +0200
Subject: [PATCH] WIP

---
 ui/src/App.svelte                    | 3 ++-
 ui/src/components/PackageList.svelte | 2 +-
 ui/src/routes/Home.svelte            | 8 ++++++++
 3 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 ui/src/routes/Home.svelte

diff --git a/ui/src/App.svelte b/ui/src/App.svelte
index 3a4d32d..7058d1c 100644
--- a/ui/src/App.svelte
+++ b/ui/src/App.svelte
@@ -4,6 +4,7 @@
 
 <script lang="ts">
     import PackageLists from "./routes/PackageLists.svelte";
+    import Home from "./routes/Home.svelte";
 
     $: {
         const path = window.location.pathname;
@@ -12,7 +13,7 @@
         let component;
 
         if (path == "/") {
-            window.location.replace("/lists/");
+            compontent = Home;
         } else if (path == "/lists/") {
             console.log("Routing to package lists");
             component = PackageLists;
diff --git a/ui/src/components/PackageList.svelte b/ui/src/components/PackageList.svelte
index 3a84ed0..9ebf117 100644
--- a/ui/src/components/PackageList.svelte
+++ b/ui/src/components/PackageList.svelte
@@ -26,7 +26,7 @@
     }
 
     function onClick(e) {
-        window.location = `/lists/${e}`;
+        window.history.pushState({}, "", `/lists/${e}`);
     }
 </script>
 
diff --git a/ui/src/routes/Home.svelte b/ui/src/routes/Home.svelte
new file mode 100644
index 0000000..e03eb9b
--- /dev/null
+++ b/ui/src/routes/Home.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+</script>
+
+<main>
+    <div>
+        Welcome to Packager, your helper for your next trip!
+    </div>
+</main>