:recycle: imposing limits on homepage requests for posts

vue-theme/src/pages/index.vue

@@ -54,10 +54,14 @@ export default {
         for (let type of postTypes) {
             const action = `getAll${convertTitleCase(type)}s`
 
+            // Limit the amount of posts because we
+            // only need the most recent
+            const paramLimit = { limit: 1 }
+
             // We try and fetch EVERYTHING except
             // for EVENTS and EXHIBITIONS
             if (!omit.includes(type)) {
-                this.$store.dispatch(action)
+                this.$store.dispatch(action, null, paramLimit)
             } else {
                 // Only grab the current or upcoming on load
                 const eventsOrExhibitions = await this.$store.dispatch(
@@ -67,7 +71,7 @@ export default {
                 // If no current or upcoming, get past events
                 // to fill in the blanks
                 if (eventsOrExhibitions.length < 1) {
-                    this.$store.dispatch(action, sortTypes.past)
+                    this.$store.dispatch(action, sortTypes.past, paramLimit)
                 }
             }
         }

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

@@ -17,13 +17,13 @@ const getters = {
 }
 
 const actions = {
-    getAllArtists({ commit }, sortType) {
+    getAllArtists({ commit }, sortType, params) {
         commit('CLEAR_ARTISTS')
         commit('ARTISTS_LOADED', false)
         return api.getByType('artist', sortType, artists => {
             commit('STORE_FETCHED_ARTISTS', { artists })
             commit('ARTISTS_LOADED', true)
-        })
+        }, params)
     },
     getSingleArtist({ commit }, id) {
         commit('CLEAR_SINGLE_ARTISTS')

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

@@ -30,7 +30,7 @@ const actions = {
         return api.getByType('event', sortType, events => {
             commit('STORE_FETCHED_EVENTS', { events })
             commit('EVENTS_LOADED', true)
-        })
+        }, params)
     },
     getSingleEvent({ commit }, id) {
         commit('CLEAR_SINGLE_EVENTS')

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

@@ -32,7 +32,7 @@ const actions = {
         return api.getByType('exhibition', sortType, exhibitions => {
             commit('STORE_FETCHED_EXHIBITIONS', { exhibitions })
             commit('EXHIBITIONS_LOADED', true)
-        })
+        }, params)
     },
     getSingleExhibition({ commit }, id) {
         commit('CLEAR_SINGLE_EXHIBITIONS')

vue-theme/src/utils/api.js

@@ -8,7 +8,7 @@ const SETTINGS = {
 }
 
 export default {
-    getByType(type, sortType, cb) {
+    getByType(type, sortType, cb, params) {
         if (sortType && Object.values(sortTypes).includes(sortType)) {
             return axios
                 .get(SETTINGS.API_BASE_PATH + `sort/${type}/${sortType}`)
@@ -20,8 +20,12 @@ export default {
                     cb(e)
                 })
         } else {
+            let query = `${type}`
+            if(params && params.limit) {
+                query = `${type}?limit=${params.limit}`
+            }
             return axios
-                .get(SETTINGS.API_BASE_PATH + `${type}`)
+                .get(SETTINGS.API_BASE_PATH + query)
                 .then(response => {
                     cb(response.data)
                     return response.data