2023-08-11 18:06:00 +02:00
|
|
|
<script lang="ts">
|
2023-08-13 03:11:28 +02:00
|
|
|
import style from './App.module.scss';
|
|
|
|
|
2023-08-11 18:06:00 +02:00
|
|
|
import Load from './page/Load/Load.svelte';
|
2023-08-13 03:09:34 +02:00
|
|
|
import Home from './page/Home/Home.svelte';
|
|
|
|
|
2023-08-11 18:06:00 +02:00
|
|
|
import Titlebar from './widget/Titlebar/Titlebar.svelte';
|
2023-08-13 03:09:34 +02:00
|
|
|
|
|
|
|
import { Router, Link, Route, navigate } from "svelte-routing";
|
|
|
|
import RouteStore from './store/RouteStore';
|
|
|
|
|
|
|
|
export let url = "/load";
|
|
|
|
RouteStore.subscribe(() => {
|
|
|
|
url = RouteStore.getState().path;
|
|
|
|
navigate(url);
|
|
|
|
});
|
|
|
|
RouteStore.dispatch({ type: 'setPath', path: '/load' })
|
|
|
|
|
|
|
|
setTimeout(() => { RouteStore.dispatch({ type: 'setPath', path: '/' }) }, 3000)
|
2023-08-11 18:06:00 +02:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<Titlebar />
|
2023-08-13 03:11:28 +02:00
|
|
|
<div class={style.backdrop}>
|
|
|
|
<div class={style['delay-show']}>
|
2023-08-13 03:09:34 +02:00
|
|
|
<Router {url}>
|
|
|
|
<Route path='/' component={Home} />
|
|
|
|
<Route path='/load' component={Load} />
|
|
|
|
</Router>
|
2023-08-12 09:11:19 +02:00
|
|
|
</div>
|
2023-08-11 18:20:15 +02:00
|
|
|
</div>
|