:recycle: checking for capped limit on list pages

vue-theme/src/pages/list.vue

@@ -62,7 +62,11 @@ export default {
         },
     },
     methods: {
-        getPosts() {
+        getPosts(offset) {
+            // Limit
+            let params = {
+                limit: 20
+            }
             // Sorting
             let sort = this.sortBy
                 ? this.sortBy
@@ -79,18 +83,20 @@ export default {
 
             // Don't dispatch if there's no type
             if (this.type && this.dispatchName) {
-                this.$store.dispatch(this.dispatchName, sort)
+                this.$store.dispatch(this.dispatchName, sort, params)
 
                 if (this.type == 'event') {
                     this.$store.dispatch(
                         'getAllExhibitions',
                         sortTypes.currentAndUpcoming,
+                        params
                     )
                 }
                 if (this.type == 'exhibition') {
                     this.$store.dispatch(
                         'getAllEvents',
                         sortTypes.currentAndUpcoming,
+                        params
                     )
                 }
             }
@@ -158,7 +164,9 @@ export default {
         let type = convertTitleCase(this.type) + 's'
         this.checkAndSetHero(this.type)
 
-        if (!this[`all${type}Loaded`]) this.getPosts()
+        // We also need to check if only ONE has been loaded because
+        // coming from the homepage there will only be 1 item
+        if (!this[`all${type}Loaded`] || this[`all${type}`].length < 2) this.getPosts()
     },
 }
 </script>

vue-theme/src/store/modules/event.js

@@ -24,7 +24,7 @@ const getters = {
 }
 
 const actions = {
-    getAllEvents({ commit }, sortType) {
+    getAllEvents({ commit }, sortType, params) {
         commit('CLEAR_EVENTS')
         commit('EVENTS_LOADED', false)
         return api.getByType('event', sortType, events => {

vue-theme/src/store/modules/exhibition.js

@@ -26,7 +26,7 @@ const getters = {
 }
 
 const actions = {
-    getAllExhibitions({ commit }, sortType) {
+    getAllExhibitions({ commit }, sortType, params) j{
         commit('CLEAR_EXHIBITIONS')
         commit('EXHIBITIONS_LOADED', false)
         return api.getByType('exhibition', sortType, exhibitions => {

vue-theme/src/store/modules/post.js

@@ -12,13 +12,13 @@ const getters = {
 }
 
 const actions = {
-    getAllPosts({ commit }, sortType) {
+    getAllPosts({ commit }, sortType, params) {
         commit('CLEAR_POSTS')
         commit('POSTS_LOADED', false)
         return api.getByType('post', sortType, posts => {
             commit('STORE_FETCHED_POSTS', { posts })
             commit('POSTS_LOADED', true)
-        })
+        }, params)
     },
     getSinglePost({ commit }, id) {
         commit('CLEAR_SINGLE_POSTS')