correction bug grimoire

docs/.vuepress/store/modules/mySpells.js

@@ -7,6 +7,7 @@ export default {
   state: {
     spells: [],
     spellSlots: [],
+    spellCast: [],
     notPrintedSpells: []
   },
 
@@ -39,6 +40,20 @@ export default {
         }
         if (localStorageData.spellSlots) {
           state.spellSlots = localStorageData.spellSlots
+          for (let i = 0; i < state.spellSlots.length; i++) {
+            if (state.spellSlots[i] > 0) {
+              if (!state.spellCast[i]) {
+                state.spellCast[i] = new Array(Number(state.spellSlots[i]))
+              }
+              for (let j = 0; j < state.spellSlots[i]; j++) {
+                if (!state.spellCast[i][j]) {
+                  state.spellCast[i][j] = false
+                }
+              }
+            } else {
+              state.spellCast[i] = null
+            }
+          }
         }
         if (localStorageData.notPrintedSpells) {
           state.notPrintedSpells = localStorageData.notPrintedSpells
@@ -69,6 +84,23 @@ export default {
     },
     setSpellSlots: (state, payload) => {
       state.spellSlots = payload
+      for (let i = 0; i < state.spellSlots.length; i++) {
+        if (state.spellSlots[i] > 0) {
+          if (!state.spellCast[i]) {
+            state.spellCast[i] = new Array(Number(state.spellSlots[i]))
+          }
+          for (let j = 0; j < state.spellSlots[i]; j++) {
+            if (!state.spellCast[i][j]) {
+              state.spellCast[i][j] = false
+            }
+          }
+        } else {
+          state.spellCast[i] = null
+        }
+      }
+    },
+    setSpellCast: (state, payload) => {
+      state.spellCast = payload
     },
     setNotPrintedSpells: (state, payload) => {
       state.notPrintedSpells = payload

docs/.vuepress/theme/components/MySpells.vue

@@ -40,7 +40,7 @@
                   <div class="ml-md-12">
                     <div class="d-flex" v-if="spellSlots[group] > 0">
                       <div v-for="(slot, idx) in Number(spellSlots[group])" :key="idx">
-                        <v-checkbox dark hide-details class="spell-slot"></v-checkbox>
+                        <v-checkbox dark hide-details class="spell-slot" v-model="spellCast[group][idx]"></v-checkbox>
                       </div>
                     </div>
                   </div>
@@ -152,7 +152,15 @@ export default {
         return this.$store.state.mySpells.spellSlots
       },
       set (value) {
-        this.$store.commit('mySpells/setSpells', value)
+        this.$store.commit('mySpells/setSpellSlots', value)
+      }
+    },
+    spellCast: {
+      get () {
+        return this.$store.state.mySpells.spellCast
+      },
+      set (value) {
+        this.$store.commit('mySpells/setSpellCast', value)
       }
     }
   },
@@ -168,6 +176,10 @@ export default {
     onInputSpellSlots () {
       this.$store.commit('mySpells/setSpellSlots', this.spellSlots)
     },
+    onInputSpellCast (level, idx, value) {
+      this.spellCast[level][idx] = value
+      this.$store.commit('mySpells/setSpellCast', this.spellCast)
+    },
     hasSpellOfLevel (level) {
       for (let spell of this.spells) {
         if (spell.frontmatter.level == level && !this.isHiddenPrint(spell)) {