- Added timeline page (will need to be redone anyways)

client/src/pages/spells/single-spell-page.vue

@@ -1,13 +1,13 @@
 <template>
-    <div class="container-fluid p-4" id="spell-container">
-        <h1 class="display-3 font-display mb-3">Sortilège</h1>
-    </div>
+  <div class="container-fluid p-4" id="spell-container">
+    <h1 class="display-3 font-display mb-3">Sortilège</h1>
+  </div>
 </template>
 
 <script>
-export default {
+  export default {
 
-}
+  }
 </script>
 
 <style>

client/src/pages/spells/spells-page.vue

@@ -6,14 +6,14 @@
 </template>
 
 <script>
-  import SpellsList from "~/components/spells/spells-list"
+import SpellsList from "~/components/spells/spells-list"
 
-  export default {
-    name: 'spells-page',
-    components: {
-        'spell-list': SpellsList,
-    }
+export default {
+  name: 'spells-page',
+  components: {
+    'spell-list': SpellsList,
   }
+}
 </script>
 
 <style lang="scss"></style>

client/src/pages/timelines/timeline-page.vue

@@ -1,12 +1,18 @@
 <template>
-    <div class="container-fluid p-4" id="spell-container">
-        <h1 class="display-3 font-display mb-3">Chronologie</h1>
-    </div>
+  <div class="container-fluid p-4" id="spell-container">
+    <h1 class="display-3 font-display mb-3">Chronologie</h1>
+    <timeline/>
+  </div>
 </template>
 
 <script>
+import Timeline from '~/components/timeline/timeline'
+
 export default {
-    name: 'timeline-page',
+  name: 'timeline-page',
+  components: {
+    'timeline': Timeline,
+  }
 }
 </script>