drafted router with vue-router, drafted search results display page

web/themes/custom/materiotheme/vuejs/store/modules/search.js

@@ -9,7 +9,9 @@ export default {
   state : {
     keys: "",
     autocomplete: "",
-    results: {}
+    items: [],
+    limit: 15,
+    offset: 0
   },
 
   // getters
@@ -17,32 +19,44 @@ export default {
 
   // mutations
   mutations : {
-    setResults (state, data) {
-      state.results = data.results
+    setItems (state, items) {
+      state.items = items
     },
     setKeys (state, keys) {
       state.keys = keys
     },
     setAutocomplete (state, autocomplete) {
       state.autocomplete = autocomplete
+    },
+    resetOffset(state) {
+      state.offset = 0
+    },
+    incrementOffset(state) {
+      state.offset += state.limit
     }
   },
 
   // actions
   actions : {
+    newSearch({ dispatch, commit, state }, keys, autocomplete) {
+      commit('resetOffset')
+      commit('setKeys', keys)
+      commit('setAutocomplete', autocomplete)
+      dispatch('getResults')
+    },
     getResults ({ dispatch, commit, state }) {
       let params = {
         keys: state.keys,
         autocomplete: state.autocomplete,
-        offset:0,
-        limit: 25
+        offset:state.offset,
+        limit: state.limit
       }
       console.log('Search getResults params', params);
       let q = qs.stringify(params)
       return MA.get(`/materio_sapi/getresults?`+q)
         .then(({ data }) => {
           console.log('search MA getresults data', data)
-          commit('setResults', data)
+          commit('setItems', data.items)
         })
         .catch(( error ) => {
             console.warn('Issue with getResults', error)