Fix pagination

components/ItemList.vue

@@ -69,6 +69,7 @@ export default {
 
   watch: {
     page(to, from) {
+      console.log('Page changed', to, from)
       this.loadItems(to, from)
     }
   },

nuxt.config.js

@@ -28,6 +28,7 @@ module.exports = {
     '@nuxtjs/component-cache'
   ],
   plugins: [
+    '~plugins/vuex-router-sync.js',
     '~plugins/filters.js'
   ],
   render: {

package.json

@@ -24,12 +24,13 @@
     "node": ">=7.0",
     "npm": ">=4.0"
   },
- "dependencies": {
+  "dependencies": {
     "@nuxtjs/component-cache": "^0.1.3",
     "@nuxtjs/pwa": "latest",
     "firebase": "^4.1.1",
     "nuxt": "1.0.0-alpha.3",
     "stylus": "^0.54.5",
-    "stylus-loader": "^3.0.1"
+    "stylus-loader": "^3.0.1",
+    "vuex-router-sync": "^4.2.0"
   }
 }

plugins/vuex-router-sync.js

+import Vue from 'vue'
+import { sync } from 'vuex-router-sync'
+
+export default function ({ app, store }) {
+  sync(store, app.router)
+}

store/getters.js

@@ -8,7 +8,7 @@ export default {
       return []
     }
 
-    const page = 1 // Number(state.route.params.page) || 1
+    const page = Number(state.route.params.page) || 1
     const start = (page - 1) * itemsPerPage
     const end = page * itemsPerPage
 

yarn.lock

@@ -4277,6 +4277,10 @@ vue@~2.3.3:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.3.3.tgz#d1eaa8fde5240735a4563e74f2c7fead9cbb064c"
 
+vuex-router-sync@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/vuex-router-sync/-/vuex-router-sync-4.2.0.tgz#ebfc497d69b4018a9266a8f18b54bfca4d52125f"
+
 vuex@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/vuex/-/vuex-2.3.1.tgz#cde8e997c1f9957719bc7dea154f9aa691d981a6"