8 files changed, 19 insertions, 15 deletions
diff --git a/src/pages/_fallback.svelte b/src/pages/_fallback.svelte
index df7da3c..7c88129 100644
--- a/src/pages/_fallback.svelte
+++ b/src/pages/_fallback.svelte
@@ -1,5 +1,5 @@
 <script>
-  import InvalidRoute from '$components/invalid_route/invalid_route.svelte';
+  import InvalidRoute from '$/components/invalid_route/invalid_route.svelte';
 </script>
 
 <InvalidRoute />
diff --git a/src/pages/_layout.svelte b/src/pages/_layout.svelte
index 80cc29e..b296b73 100644
--- a/src/pages/_layout.svelte
+++ b/src/pages/_layout.svelte
@@ -1,14 +1,14 @@
 <script>
-  import '$config/i18n';
+  import '$/config/i18n';
   import { isLoading } from 'svelte-i18n';
-  import ForumList from '$components/forum_list/forum_list.svelte';
-  import Header from '$components/header/header.svelte';
-  import Footer from '$components/footer/footer.svelte';
+  import ForumList from '$/components/forum_list/forum_list.svelte';
+  import Header from '$/components/header/header.svelte';
+  import Loader from '$/components/loader/loader.svelte';
+  import Footer from '$/components/footer/footer.svelte';
 </script>
 
 {#if $isLoading}
-  <h1>Loading.</h1>
-  <p>Please wait.</p>
+  <Loader />
 {:else}
   <Header />
   <main>
diff --git a/src/pages/a/[id].svelte b/src/pages/a/[id].svelte
index 9e6f184..f9bd858 100644
--- a/src/pages/a/[id].svelte
+++ b/src/pages/a/[id].svelte
@@ -1,5 +1,5 @@
 <script>
-  import Author from '$components/author/author.svelte';
+  import Author from '$/components/author/author.svelte';
 </script>
 
 <Author/>
diff --git a/src/pages/f/[id].svelte b/src/pages/f/[id].svelte
index 0251694..473a58d 100644
--- a/src/pages/f/[id].svelte
+++ b/src/pages/f/[id].svelte
@@ -1,5 +1,5 @@
 <script>
-  import Forum from '$components/forum/forum.svelte';
+  import Forum from '$/components/forum/forum.svelte';
   export let id;
 </script>
 
diff --git a/src/pages/g/[id].svelte b/src/pages/g/[id].svelte
index 04fda92..754f129 100644
--- a/src/pages/g/[id].svelte
+++ b/src/pages/g/[id].svelte
@@ -1,6 +1,6 @@
 <script>
+  import Tag from '$/components/tag/tag.svelte';
   export let id;
 </script>
 
-<h1>Tag Index.</h1>
-<p>This component lists topics for tag with id: {id}</p>
+<Tag id={id}/>
diff --git a/src/pages/index.svelte b/src/pages/index.svelte
index 7000137..b716772 100644
--- a/src/pages/index.svelte
+++ b/src/pages/index.svelte
@@ -1,6 +1,8 @@
 <script>
   import { _ } from 'svelte-i18n';
+  import Loader from '$/components/loader/loader.svelte';
 </script>
 
+<Loader />
 <h1>{$_('home.title')}</h1>
 <p>{$_('home.content')}</p>
diff --git a/src/pages/p/[id].svelte b/src/pages/p/[id].svelte
index 9caab6f..3504cea 100644
--- a/src/pages/p/[id].svelte
+++ b/src/pages/p/[id].svelte
@@ -1,5 +1,6 @@
 <script>
-  import Post from '$components/post/post.svelte';
+  import Post from '$/components/post/post.svelte';
+  export let id;
 </script>
 
-<Post/>
+<Post id={id}/>
diff --git a/src/pages/t/[id].svelte b/src/pages/t/[id].svelte
index 3fd9560..e13fd04 100644
--- a/src/pages/t/[id].svelte
+++ b/src/pages/t/[id].svelte
@@ -1,5 +1,6 @@
 <script>
-  import Topic from '$components/topic/topic.svelte';
+  import Topic from '$/components/topic/topic.svelte';
+  export let id;
 </script>
 
-<Topic/>
+<Topic id={id}/>