diff options
Diffstat (limited to 'src/forum.svelte')
| -rw-r--r-- | src/forum.svelte | 63 |
1 files changed, 3 insertions, 60 deletions
diff --git a/src/forum.svelte b/src/forum.svelte index d2a6e1b..0eb4b90 100644 --- a/src/forum.svelte +++ b/src/forum.svelte @@ -1,63 +1,6 @@ <script> - import LightRouter from 'lightrouter'; - - // Initialize localization - - import './config/i18n'; - - // Global components - - import ForumList from './components/forum_list/forum_list.svelte'; - import Header from './components/header/header.svelte'; - import Footer from './components/footer/footer.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(); - + import { Router } from '@roxi/routify'; + import { routes } from '../.routify/routes'; </script> -<Header /> -<main> - <svelte:component this={ page } params={ params } /> -</main> -<ForumList /> -<Footer /> - -<style> - main { - grid-column: col-start 2 / span 11; - } -</style> +<Router {routes} /> |