delete products

pages/home/products.vue

@@ -125,8 +125,9 @@
         </v-toolbar>
       </template>
       <template v-slot:item.actions="{ item }">
-        <v-icon small class="mr-2" @click=" editCategory(item.id)" :id ="item.id"> mdi-pencil </v-icon>
-        <v-icon small @click="deleteCategory(item.id,item)" :id ="item.id"> mdi-delete </v-icon>
+        <v-icon small  @click=" editCategory(item.id)" :id ="item.id"> mdi-pencil </v-icon>
+        <v-icon small  @click="deleteProduct(item.id,item)" :id ="item.id"> mdi-delete </v-icon>
+        <v-icon small  @click="deleteProduct(item.id,item)" :id ="item.id"> mdi-account-details </v-icon>
       </template>
       <template v-slot:no-data>
         <v-btn color="primary" @click="initialize"> Reset </v-btn>
@@ -322,23 +323,24 @@ export default {
     //   console.log(file)
     //   console.log(this.image)
     // },
-    // deleteCategory(ID,index) {
-    //   this.editedIndex = this.products.indexOf(index);
-    //   if(confirm("Do you really want to delete?")){
-    //   try{
-    //   axios
-    //     .delete(`http://127.0.0.1:8000/api/products/${ID}`)
-    //     .then(response => {
-    //       this.products.splice(this.editedIndex, 1);
-    //       self.$toast.success('Category deleted successfully!',{
-    //     duration: 3000
-    //   });
-    //   })
-    //   } catch(error){
-    //     console.log(error)
-    //   }
-    // }
-    // },
+    deleteProduct(ID,index) {
+      const self = this;
+      this.editedIndex = this.products.indexOf(index);
+      if(confirm("Do you really want to delete?")){
+      try{
+      axios
+        .delete(`http://127.0.0.1:8000/api/products/${ID}`)
+        .then(response => {
+          this.products.splice(this.editedIndex, 1);
+          self.$toast.success('Category deleted successfully!',{
+        duration: 3000
+      });
+      })
+      } catch(error){
+        console.log(error)
+      }
+    }
+    },
     // getID(item) {
     //   console.log(this.products.indexOf(item))
     // },