Add internationalization support

[rbdr/forum] / app / forum.svelte

diff --git a/app/forum.svelte b/app/forum.svelte
index 038f17665ca8ed35876fad6063b4a5262b4384ce..d2a6e1bc07dd7bb06b6eb46eb43f57fece1cf81c 100644 (file)
--- a/app/forum.svelte
+++ b/app/forum.svelte
@@ -1,8 +1,15 @@
 <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';
@@ -20,14 +27,15 @@
   const setRoute = function setRoute(targetPage) {
 
     return function (routerParams) {
+
       params = routerParams;
       page = targetPage;
-    }
-  }
+    };
+  };
 
   const router = new LightRouter({
     routes: {
-      '': () => page = Home,
+      '': () => (page = Home) && true,
       'f/{id}': setRoute(TopicIndex),
       'g/{id}': setRoute(TopicIndex),
       'a/{id}': setRoute(Author),
@@ -42,5 +50,14 @@
 </script>
 
 <Header />
-<svelte:component this={ page } params={ params } />
+<main>
+  <svelte:component this={ page } params={ params } />
+</main>
 <ForumList />
+<Footer />
+
+<style>
+  main {
+    grid-column: col-start 2 / span 11;
+  }
+</style>