blob: bb2513dc4f1a459bdaeccf059be0c11dad95faca (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
<script>
import LightRouter from 'lightrouter';
import ForumList from './components/forum_list/forum_list.svelte';
import Header from './components/header/header.svelte';
// Routed Components
import Author from './components/author/author.svelte';
import Home from './components/home/home.svelte';
import InvalidRoute from './components/invalid_route/invalid_route.svelte';
import Post from './components/post/post.svelte';
import Topic from './components/topic/topic.svelte';
import TopicIndex from './components/topic_index/topic_index.svelte';
let page;
let params;
// sets the route params and current page.
const setRoute = function setRoute(targetPage) {
return function (routerParams) {
params = routerParams;
page = targetPage;
};
};
const router = new LightRouter({
routes: {
'': () => (page = Home) && true,
'f/{id}': setRoute(TopicIndex),
'g/{id}': setRoute(TopicIndex),
'a/{id}': setRoute(Author),
't/{id}': setRoute(Topic),
'p/{id}': setRoute(Post),
'.*': setRoute(InvalidRoute)
}
});
router.run();
</script>
<Header />
<svelte:component this={ page } params={ params } />
<ForumList />
|
