first working router 🎉

src/components/Login.svelte

@@ -2,6 +2,7 @@
   import { _ } from "svelte-i18n";
   import store from "../store.js";
   store.init();
+  import {push, pop, replace} from 'svelte-spa-router'
   //
   import { OpenAPI, AuthService } from "@odit/lfk-client-js";
   OpenAPI.BASE = "http://localhost:4010";
@@ -32,6 +33,7 @@
         .then((result) => {
           OpenAPI.TOKEN = result.access_token;
           store.login(result.access_token);
+          replace('/dashboard/')
           Toastify({
             text: $_("welcome_wavinghand"),
             duration: 500,
@@ -120,7 +122,7 @@
     </div>
     <div class="mt-2">
       <a
-        href="/forgot_password"
+        href="/#/forgot_password"
         class="block w-full text-center py-2 px-3 border border-gray-300 rounded-md text-gray-900 font-medium hover:border-gray-400 focus:outline-none focus:border-gray-400 sm:text-sm">
         {$_('forgot_password?')}
       </a>

src/components/NotFound.svelte

@@ -14,8 +14,9 @@
           class="text-grey-darker text-2xl md:text-3xl font-light mb-8 leading-normal">
           {$_('404message')}
         </p>
-        <button
-          class="bg-transparent text-grey-darkest font-bold uppercase tracking-wide py-3 px-6 border-2 border-grey-light hover:border-grey rounded-lg">{$_('goback')}</button>
+        <a
+          href="/"
+          class="bg-transparent text-grey-darkest font-bold uppercase tracking-wide py-3 px-6 border-2 border-grey-light hover:border-grey rounded-lg">{$_('goback')}</a>
       </div>
     </div>
   </div>