:sparkles: passing pagination params

vue-theme/src/pages/list.vue

@@ -16,6 +16,7 @@
                 card(:content="post" :type="type" :wide="type == 'exhibition' && i > 1 || type == 'event' && i > 1 ")
 
         footer
+            button(@click="loadMore") load more {{ type }}s...
             p {{ `${type} count: ${Object.values(posts).length}` }}
             p {{ `show sidebar: ${sidebar}` }}
         
@@ -41,6 +42,12 @@ export default {
         sortBy: { type: String },
     },
     mixins: [postTypeGetters, scrollTop],
+    data() {
+        return {
+            page: 1,
+            perPage: 20
+        }
+    },
     computed: {
         type() {
             // Checks for type and fixes Episodes route edge case
@@ -62,10 +69,15 @@ export default {
         },
     },
     methods: {
+        loadMore() {
+            this.page++
+            this.getPosts()
+        },
         getPosts(offset) {
             // Limit
             let params = {
-                limit: 20
+                limit: this.perPage,
+                page: this.page
             }
             // Sorting
             let sort = this.sortBy

vue-theme/src/utils/api.js

@@ -7,9 +7,19 @@ const SETTINGS = {
     API_MEDIA_PATH: '/wp-json/wp/v2/media/',
 }
 
+const constructQuery = (params) => {
+    let query = ''
+    if(params.limit && params.page) {
+        query = `?limit=${params.limit}&p=${params.page}`
+    } else if(params.limit && !params.page) {
+        query = `?limit=${params.limit}`
+    }
+    return query
+}
+
 export default {
     getByType({ type, sort, params, cb }) {
-        let query = params && params.limit ? `?limit=${params.limit}`: ''
+        const query = constructQuery(params)
 
         if (sort && Object.values(sortTypes).includes(sort)) {
             return axios