added router to svelte

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

View File

@@ -1,15 +1,24 @@
<script>
import { useTinyRouter } from 'svelte-tiny-router';
import { t } from '../translations.svelte.js';
import { user } from '../user.svelte.js';
const router = useTinyRouter();
function gotoAbout(){
router.navigate('/about');
}
function logout(){
user.name = null;
}
</script>
<nav>
<a href="/">{t('nav.Home')}</a>
<a on:click={() => router.navigate('/')}>{t('nav.Home')}</a>
<a on:click={gotoAbout}>{t('nav.About')}</a>
<a on:click={() => router.navigate('/user/5')}>{t('nav.User5')}</a>
<a href="https://svelte.dev/tutorial/svelte/state" target="_blank">{t('nav.Tutorial')}</a>
{#if user.name }
<a href="#" on:click={logout}>Logout</a>
<a on:click={logout}>Logout</a>
{/if}
</nav>