- [spell-card] Ingredients are a string

src/app.vue

@@ -7,7 +7,7 @@
         v-bind:schools="['Lumomancie', 'Nécromancie']"
         v-bind:level="'30'"
         v-bind:charge="'2'"
-        v-bind:ingredients="[`Volonté`, `Geste`]"
+        v-bind:ingredients="`Volonté, Geste`"
         v-bind:cost="'-90'"
         v-bind:variables="[{name: 'x', description: 'lol'}]"
         />

src/components/spell-card.vue

@@ -33,9 +33,7 @@
                 <div class="casting-ingredients">
                     <p class="title">Nécessite</p>
                     <p class="content">
-                        <span v-for="ingredient of ingredients" :key="ingredient">
+                        {{ ingredients }}
-                            <span>{{ ingredient }} </span>
-                        </span>
                     </p>
                 </div>
             </section>
@@ -67,7 +65,7 @@ export default {
         description: Array,
         level: String,
         schools: Array,
-        ingredients: Array,
+        ingredients: String,
         charge: String,
         cost: String,
         variables: Array,
@@ -77,7 +75,6 @@ export default {
 
 <style lang="scss">
 
-
     .spell-card {
         max-width: 35rem;
         padding: .5rem;
@@ -156,6 +153,7 @@ export default {
                         text-transform: uppercase;
                     }
                     .content {
+                        padding-top: 1rem;
                         font-size: .85rem;
                         text-align: justify;
                         text-align-last: center;