SRSoftware/Umbrella
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

added router to svelte

Browse Source 
Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
This commit is contained in:
Stephan Richter
2025-06-30 22:55:13 +02:00
parent b918d453cb
commit 56cdedcdb8
8 changed files with 55 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/App.svelte
View File

@@ -2,6 +2,14 @@
import { onMount } from 'svelte';
import { loadTranslation } from './translations.svelte.js';
import { user } from './user.svelte.js';
import { Router, Route } from 'svelte-tiny-router';
import About from "./routes/About.svelte";
import Footer from "./Components/Footer.svelte";
import Home from "./routes/Home.svelte";
import Login from "./Components/Login.svelte";
import Menu from "./Components/Menu.svelte";
import User from "./routes/User.svelte";
let translations_ready = false;
onMount(async () => {
@@ -9,20 +17,24 @@
translations_ready = true;
});
import Footer from "./Components/Footer.svelte";
import Homepage from "./Components/Homepage.svelte";
import Login from "./Components/Login.svelte";
import Menu from "./Components/Menu.svelte";
</script>
{#if translations_ready }
<Menu />
{#if user.name }
<Homepage />
<Router>
<Menu />
<Route path="/" component={Home} />
<Route path="/about" component={About} />
<Route path="/user/:id" component={User} />
<Route>
<p>Page not found</p>
</Route>
</Router>
{:else}
<Login />
{/if}
<Footer />
{:else}
<p>Loading translations...</p>
{/if}
{/if}