delete multiple product bug fixed

client/src/modules/products/index.vue

@@ -5,7 +5,6 @@ export default {
   name: "App",
   data() {
     return {
-      selected: [],
       search: "",
       column: "all",
     };
@@ -25,6 +24,7 @@ export default {
       "totalProducts",
       "getSearch",
       "getColumn",
+      "getSelected",
     ]),
 
     indexofColumn() {
@@ -59,6 +59,15 @@ export default {
         this.setSingleExpand(data);
       },
     },
+
+    selected: {
+      get() {
+        return this.getSelected;
+      },
+      set(data) {
+        this.setSelected(data);
+      },
+    },
   },
   methods: {
     ...mapActions("products", [
@@ -74,6 +83,7 @@ export default {
       "setSearch",
       "setColumn",
       "searchData",
+      "setSelected",
     ]),
   },
   created() {

client/src/modules/products/store/actions.js

@@ -57,6 +57,10 @@ export default {
     commit("setColumn", data);
   },
 
+  setSelected({ commit }, data) {
+    commit("setSelected", data);
+  },
+
   closeDialog({ commit }) {
     commit("setDialog", false);
   },
@@ -85,6 +89,7 @@ export default {
       itemList.push(item.id);
     });
     dispatch("deleteProduct", itemList);
+    dispatch("setSelected", []);
   },
 
   saveProduct({ getters, dispatch, commit }) {

client/src/modules/products/store/getters.js

@@ -69,4 +69,7 @@ export default {
   getColumn(state) {
     return state.column;
   },
+  getSelected(state) {
+    return state.selected;
+  },
 };

client/src/modules/products/store/mutations.js

@@ -36,4 +36,8 @@ export default {
   setPageNumber(state) {
     state.options.page = 1;
   },
+  setSelected(state, data) {
+    state.selected = data;
+    console.log(data);
+  },
 };

client/src/modules/products/store/state.js

@@ -10,4 +10,5 @@ export default () => ({
   totalProducts: 0,
   search: "",
   column: "all",
+  selected: [],
 });