export default new Vuex.Store({
    state: {
        inventoryPageNumber: 0,
        inventoryPageCount: 0,
    },
    getters: {
        getinventoryPageNumber: state => {
            return state.inventoryPageNumber;
        },

        getinventoryPageCount: state => {
            return state.inventoryPageCount;
        }
    },
    mutations: {
        setinventoryPageNumber(state, pagenumber) {
            state.inventoryPageNumber = pagenumber
        },

        setinventoryPageCount(state, pagecount) {
            state.inventoryPageCount = pagecount
        }
    },
    actions: {
        patchinventoryPageNumber(context, pagenumber) {
            context.commit('setinventoryPageNumber', pagenumber)
        },

        patchinventoryPageCount(context, pagecount) {
            context.commit('setinventoryPageCount', pagecount)
        },

    }
})

**Tempalate**
      <button class="fa fa-backward fa-xs text-white button-trans" @click="firstPage" :disabled="pageNumber==0" aria-hidden="true"></button>

**Script**

computed:{
   pageCount: {
      get() {
        let count = Math.ceil(this.products.length / this.size);
        return count;
      },
      set(newValue) {
        store.dispatch("patchinventoryPageCount", newValue);
      }
    }
},

methods: {
    firstPage() {
      this.pageNumber = 0;
      store.dispatch("setinventoryPageNumber", this.pageNumber);
    }
}