+ Added structure and spell-card component

src/app.vue

@@ -0,0 +1,38 @@
+<template>
+  <div id="app">
+      
+    <spellcard
+        v-bind:name="'Soleil Pourri'"
+        v-bind: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.`]"
+        v-bind:schools="['Lumomancie', 'Nécromancie']"
+        v-bind:level="'30'"
+        v-bind:charge="'2'"
+        v-bind:ingredients="[`Volonté`, `Geste`]"
+        v-bind:cost="'-90'"
+        v-bind:variables="[{name: 'x', description: 'lol'}]"
+        />
+
+  </div>
+</template>
+
+<script>
+import spellcard from './components/spell-card.vue'
+
+export default {
+  name: 'app',
+  components: {
+    spellcard
+  }
+}
+</script>
+
+<style lang="scss">
+
+    #app {
+        font-family: Avenir, Helvetica, Arial, sans-serif;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        margin-top: 60px;
+    }
+
+</style>