- [spell-card] Added comma and ingredients display

2020-04-06 17:25:38 +02:00
parent 042c205ce4
commit 64f5e109dd
2 changed files with 6 additions and 4 deletions
--- a/client/src/components/spells/spell-card.vue
+++ b/client/src/components/spells/spell-card.vue
@@ -31,9 +31,11 @@
                    </div>
                </div>
                <div class="casting-ingredients">
-                    <p class="title">Nécessite</p>
+                    <p class="title">Nécessite :</p>
                    <p class="content">
-                        <span v-for="(ingredient, index) in ingredients" :key="index">{{ ingredient }}</span>
+                        <span v-for="(ingredient, index) in ingredients" :key="index">
+                            {{ ingredient.name }}<span v-if="index != Object.keys(ingredients).length - 1">, </span>
+                        </span>
                    </p>
                </div>
            </section>