- [All] Finished API call for spells and various bug fixes

client/src/components/spells/spell-card.vue

@@ -1,5 +1,5 @@
 <template>
-    <article class="spell-card" v-bind:class="{ active: isFlipped }" @click="toggleCard">
+    <article class="spell-card">
         <div class="content">
             <header>
                 <h3>{{ name }}</h3>
@@ -17,7 +17,7 @@
                         </div>
                         <ul class="schools">
                             <li v-for="(school, index) in schools" :key="index">
-                                {{ school }}
+                                {{ school.name }}
                             </li>
                         </ul>
                     </div>
@@ -33,14 +33,14 @@
                 <div class="casting-ingredients">
                     <p class="title">Nécessite</p>
                     <p class="content">
-                        {{ ingredients }}
+                        <span v-for="(ingredient, index) in ingredients" :key="index">{{ ingredient }}</span>
                     </p>
                 </div>
             </section>
             <hr>
             <section class="spell-description">
-                <p v-for="(line, index) of description" :key="index">
-                    {{ line }}
+                <p>
+                    {{ description }}
                 </p>
             </section>
             <hr>

client/src/pages/spells.vue

@@ -7,6 +7,7 @@
 </template>
 
 <script>
+import axios from 'axios';
 import spellcard from "../components/spells/spell-card";
 
 export default {
@@ -16,23 +17,18 @@ export default {
     },
     data() {
         return {
-            spells: [
-                {
-                    name: 'Soleil Pourri',
-                    description: [`Le lanceur projette un petit astre vert jusqu’à 20m autour de lui. L’astre brûle l’air environnant, nécrosant rapidement les formes de vies dans un rayon de 100m.`, `Toutes les créatures dans la portée de l’astre (sauf le lanceur) doivent réussir un jet de CON avec un malus de -30. Si elles échouent, elles subissent 3D20 dégâts radiants et 2D20 dégâts nécrotiques. Elles perdent également 1D10 PV max.`],
-                    schools: ['Lumomancie', 'Nécromancie'],
-                    level: '-30',
-                    charge: '2',
-                    ingredients: 'Volonté, Geste',
-                    cost: '-90',
-                    variables: [{
-                        name: 'x',
-                        description: 'lol',
-                    }]
-                }
-            ]
+            spells: []
         }
-    }
+    },
+    mounted() {
+        axios({ method: "GET", "url": "http://localhost:2814/api/spells"})
+        .then(result => {
+            this.spells = result.data.spells;
+            console.log(result)
+        }, error => {
+            console.log(error)
+        })
+    },
 }
 
 </script>