Feat(tag): New tag and delete tags

src/components/edit_tag.vue

@@ -39,20 +39,9 @@
 import { mapGetters, mapActions } from 'vuex'
 export default {
   name: 'editTag',
-  props: {
-    value: {
-      type: Object,
-      default: function () {
-        return {
-          color: '',
-          icon: 'question',
-          name: '',
-          variant: '',
-          words: []
-        }
-      }
-    }
-  },
+  props: [
+    'value'
+  ],
   data () {
     return {
     }

src/components/item_tag.vue

@@ -18,7 +18,7 @@
         <div v-if="edit_mode">
           <b-button @click="save()">Sauver</b-button>
           <b-button @click="toggleEdit()">Annuler</b-button>
-          <b-button>Supprimer</b-button>
+          <b-button @click="deleteIt()">Supprimer</b-button>
         </div>
         <div v-else>
           <b-button @click="toggleEdit()">Editer</b-button>
@@ -55,15 +55,23 @@ export default {
   },
   methods: {
     ...mapActions('config', [
-      'edit_tag'
+      'edit_tag',
+      'delete_tag'
     ]),
     toggleEdit () {
+      // toggle edit mod for the tag
       this.edited_tag = { ...this.tag }
       this.edit_mode = !this.edit_mode
     },
     save () {
+      // Save the edited tag
       this.edit_tag(this.edited_tag)
       this.toggleEdit()
+    },
+    deleteIt () {
+      // Delete the edited tag
+      this.delete_tag(this.edited_tag.name)
+      this.toggleEdit()
     }
   }
 }