added router to svelte
Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user