pagination `pageNumber` bug fixed

client/src/modules/customers/index.vue

@@ -21,10 +21,12 @@ export default {
       "editedIndex",
       "getOptions",
       "totalCustomers",
+      "getSearch",
+      "getColumn",
     ]),
     indexofColumn() {
       return this.dialogHeaders.findIndex(
-        (header) => this.column == header.value
+        (header) => this.getColumn == header.value
       );
     },
 
@@ -46,10 +48,13 @@ export default {
       "saveCustomer",
       "editCustomer",
       "setOptions",
+      "setSearch",
+      "setColumn",
+      "searchData",
     ]),
   },
   created() {
-    this.fetchCustomerData({ searchInput: "", filterColumn: "id" });
+    this.fetchCustomerData({});
   },
 };
 </script>
@@ -97,7 +102,10 @@ export default {
               color="blue"
               class="white--text"
               @click="
-                fetchCustomerData({ searchInput: search, filterColumn: column })
+                fetchCustomerData({
+                  searchInput: getSearch,
+                  filterColumn: getColumn,
+                })
               "
             >
               <v-icon>refresh</v-icon>
@@ -141,7 +149,15 @@ export default {
                     <v-btn color="blue darken-1" @click="closeDialog()"
                       >Cancel</v-btn
                     >
-                    <v-btn color="blue darken-1" @click="saveCustomer()">
+                    <v-btn
+                      color="blue darken-1"
+                      @click="
+                        saveCustomer({
+                          searchInput: getSearch,
+                          filterColumn: getColumn,
+                        })
+                      "
+                    >
                       Save</v-btn
                     >
                   </template>
@@ -170,12 +186,7 @@ export default {
               class="ml-4"
             ></v-text-field>
             <v-btn
-              @click="
-                fetchCustomerData({
-                  searchInput: search,
-                  filterColumn: column,
-                })
-              "
+              @click="searchData({ data: search, column: column })"
               class="ml-4"
               large
               >Search

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

 import axios from "axios";
 
 export default {
-  fetchCustomerData({ commit, getters }, data = {}) {
+  fetchCustomerData({ commit, getters }) {
     let query;
-    if (data.filterColumn == "all") {
-      query = "q=" + data.searchInput;
-    } else if (data.filterColumn) {
-      query = data.filterColumn + "_like=" + data.searchInput;
+    if (getters.getColumn == "all") {
+      query = "q=" + getters.getSearch;
+    } else if (getters.getColumn) {
+      query = getters.getColumn + "_like=" + getters.getSearch;
     }
 
     let pageLimit = `&_page=${getters.getOptions.page}&_limit=${getters.getOptions.itemsPerPage}`;
 
-    if (data.searchInput) {
-      pageLimit = "";
-    }
-
     let sort = getters.getOptions.sortDesc[0] ? "desc" : "asc";
 
     let sortBy = `&_sort=${getters.getOptions.sortBy}&_order=${sort}`;
@@ -32,11 +28,26 @@ export default {
       });
   },
 
+  searchData({ commit, dispatch }, { data, column }) {
+    commit("setPageNumber");
+    dispatch("setSearch", data);
+    dispatch("setColumn", column);
+    dispatch("fetchCustomerData");
+  },
+
   setOptions({ commit, dispatch }, data) {
     commit("setOptions", data);
     dispatch("fetchCustomerData");
   },
 
+  setSearch({ commit }, data) {
+    commit("setSearch", data);
+  },
+
+  setColumn({ commit }, data) {
+    commit("setColumn", data);
+  },
+
   closeDialog({ commit }) {
     commit("setDialog", false);
   },

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

@@ -52,4 +52,10 @@ export default {
   totalCustomers(state) {
     return state.totalCustomers;
   },
+  getSearch(state) {
+    return state.search;
+  },
+  getColumn(state) {
+    return state.column;
+  },
 };

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

@@ -20,4 +20,13 @@ export default {
   setTotalCustomers(state, data) {
     state.totalCustomers = data;
   },
+  setSearch(state, data) {
+    state.search = data;
+  },
+  setColumn(state, data) {
+    state.column = data;
+  },
+  setPageNumber(state) {
+    state.options.page = 1;
+  },
 };

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

@@ -8,4 +8,6 @@ export default () => ({
     sortDesc: [false],
   },
   totalCustomers: 0,
+  search: "",
+  column: "all",
 });

client/src/modules/products/index.vue

@@ -7,7 +7,7 @@ export default {
     return {
       selected: [],
       search: "",
-      column: "",
+      column: "all",
     };
   },
   computed: {