- Added more pages and fixed some links (schools, single spell, and login page)

client/src/pages/index-page.vue

@@ -13,7 +13,7 @@
 
 <script>
 export default {
-    name: 'index',
+    name: 'index-page',
 }
 </script>
 

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

@@ -0,0 +1,15 @@
+<template>
+    <div class="container-fluid p-4" id="spell-container">
+        <h1 class="display-3 font-display mb-3">Écoles</h1>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'schools-page'
+    }
+</script>
+
+<style>
+
+</style>

client/src/pages/schools/single-school-page.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="container-fluid p-4" id="spell-container">
-    <h1 class="display-3 font-display mb-3">{{ school.name }}</h1>
-    <p>{{ school.description }}</p>
-    <spell-list :school_id="id"/>
-  </div>
+    <div class="container-fluid p-4" id="spell-container">
+        <h1 class="display-3 font-display mb-3">{{ school.name }}</h1>
+        <p>{{ school.description }}</p>
+        <spell-list :school_id="id"/>
+    </div>
 </template>
 
 <script>
@@ -14,7 +14,7 @@ import { RepositoryFactory } from "~/api/repositories"
 const Schools = RepositoryFactory.get('schools')
 
 export default {
-    name: 'single-school',
+    name: 'single-school-page',
     components: {
         'spell-list': SpellsList,
     },

client/src/pages/spells-page.vue

@@ -1,19 +0,0 @@
-<template>
-  <div class="container-fluid p-4" id="spell-container">
-    <h1 class="display-3 font-display mb-3">Sortilèges</h1>
-    <spell-list/>
-  </div>
-</template>
-
-<script>
-  import SpellsList from "../components/spells/spells-list"
-
-  export default {
-    name: 'spells',
-    components: {
-        'spell-list': SpellsList,
-    }
-  }
-</script>
-
-<style lang="scss"></style>

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

@@ -0,0 +1,15 @@
+<template>
+    <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 {
+
+}
+</script>
+
+<style>
+
+</style>

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

@@ -0,0 +1,19 @@
+<template>
+    <div class="container-fluid p-4" id="spell-container">
+        <h1 class="display-3 font-display mb-3">Sortilèges</h1>
+        <spell-list/>
+    </div>
+</template>
+
+<script>
+  import SpellsList from "~/components/spells/spells-list"
+
+  export default {
+    name: 'spells-page',
+    components: {
+        'spell-list': SpellsList,
+    }
+  }
+</script>
+
+<style lang="scss"></style>

client/src/pages/user/login-page.vue

@@ -0,0 +1,15 @@
+<template>
+    <div class="container-fluid p-4" id="spell-container">
+        <h1 class="display-3 font-display mb-3">Connexion</h1>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'login-page',
+    }
+</script>
+
+<style>
+
+</style>