Rename store mutations

src/components/KeyboardConfiguration.vue

@@ -77,11 +77,11 @@ export default {
     displayUTF8,
   },
   methods: {
-    ...mapMutations(["updateKey"]),
+    ...mapMutations(["updateKeyboardKey"]),
     replace() {
       if (!this.selectedKey || !this.selectedChar) return;
       // Update the keyboard
-      this.updateKey({
+      this.updateKeyboardKey({
         index: this.keyboardIndex,
         ...this.selectedKey,
         character: displayUTF8(this.selectedChar.code),
@@ -91,7 +91,7 @@ export default {
       this.picker = false;
     },
     updateKeyBinding() {
-      this.updateKey({
+      this.updateKeyboardKey({
         index: this.keyboardIndex,
         ...this.selectedKey,
         keyboard_code: this.keyBinding ? this.keyBinding.charCodeAt() : null,

src/components/KeyboardManager.vue

@@ -5,7 +5,7 @@
         ⏴
       </a>
       <input type="text" v-model="keyboardName" />
-      <button type="button" v-on:click="updateKeyboardName">Save</button>
+      <button type="button" v-on:click="changeKeyboardName">Save</button>
       <KeyboardConfiguration :keyboard-index="editedKeyboard" />
     </div>
     <div v-else-if="selectedKeyboard !== null">
@@ -104,18 +104,18 @@ export default {
     ...mapState(["keyboards"]),
   },
   methods: {
-    ...mapMutations(["add", "delete", "updateName"]),
-    updateKeyboardName() {
-      this.updateName({
+    ...mapMutations(["addKeyboard", "removeKeyboard", "updateKeyboardName"]),
+    changeKeyboardName() {
+      this.updateKeyboardName({
         index: this.editedKeyboard,
         name: this.keyboardName,
       });
     },
     createKeyboard() {
-      this.add();
+      this.addKeyboard();
     },
     deleteKeyboard() {
-      this.delete(this.keyboardToDelete);
+      this.removeKeyboard(this.keyboardToDelete);
       this.keyboardToDelete = null;
       this.deleteModal = false;
     },

src/store/index.js

@@ -44,17 +44,17 @@ export default new Vuex.Store({
     setSelectedScript(state, { name, page }) {
       state.selectedScript = { name, page };
     },
-    add(state) {
+    addKeyboard(state) {
       state.keyboards = [...state.keyboards, { ...NEW_KEYBOARD }];
     },
-    delete(state, index) {
+    removeKeyboard(state, index) {
       state.keyboards.splice(index, 1);
     },
-    updateName(state, { index, name }) {
+    updateKeyboardName(state, { index, name }) {
       if (!state.keyboards[index]) return;
       state.keyboards[index].name = name;
     },
-    updateKey(state, { index, ...newKey }) {
+    updateKeyboardKey(state, { index, ...newKey }) {
       // Copy the keyboard if the index is correct to avoid modifying it directly in the state
       const keyboard = state.keyboards[index] && { ...state.keyboards[index] };
       if (!keyboard) return;