pagination `pageNumber` bug fixed

client/src/modules/products/index.vue

@@ -6,6 +6,8 @@ export default {
   data() {
     return {
       selected: [],
+      search: "",
+      column: "",
     };
   },
   computed: {
@@ -58,24 +60,6 @@ export default {
         this.setSingleExpand(data);
       },
     },
-
-    search: {
-      get() {
-        return this.getSearch;
-      },
-      set(data) {
-        this.setSearch(data);
-      },
-    },
-
-    column: {
-      get() {
-        return this.getColumn;
-      },
-      set(data) {
-        this.setColumn(data);
-      },
-    },
   },
   methods: {
     ...mapActions("products", [
@@ -90,6 +74,7 @@ export default {
       "setOptions",
       "setSearch",
       "setColumn",
+      "searchData",
     ]),
   },
   created() {
@@ -239,12 +224,7 @@ export default {
               class="ml-4"
             ></v-text-field>
             <v-btn
-              @click="
-                fetchProductData({
-                  searchInput: getSearch,
-                  filterColumn: getColumn,
-                })
-              "
+              @click="searchData({ data: search, column: column })"
               class="ml-4"
               large
               >Search

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

@@ -29,6 +29,13 @@ export default {
       });
   },
 
+  searchData({ commit, dispatch }, { data, column }) {
+    commit("setPageNumber");
+    dispatch("setSearch", data);
+    dispatch("setColumn", column);
+    dispatch("fetchProductData");
+  },
+
   setOptions({ commit, dispatch }, data) {
     commit("setOptions", data);
     dispatch("fetchProductData");
@@ -45,6 +52,7 @@ export default {
   setSearch({ commit }, data) {
     commit("setSearch", data);
   },
+
   setColumn({ commit }, data) {
     commit("setColumn", data);
   },

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

@@ -36,4 +36,7 @@ export default {
   setColumn(state, data) {
     state.column = data;
   },
+  setPageNumber(state) {
+    state.options.page = 1;
+  },
 };