Add components to view topics and posts

[rbdr/forum] / src / forum.svelte

diff --git a/src/forum.svelte b/src/forum.svelte
index d2a6e1bc07dd7bb06b6eb46eb43f57fece1cf81c..0eb4b90182bff50450cdcbdad09b2e765e303c4e 100644 (file)
--- 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} />