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