:recycle: grabbing random from endpoint instead of rng

vue-theme/src/pages/index.vue

@@ -71,6 +71,8 @@ export default {
                 }
             }
         }
+        this.$store.dispatch('getRandom', ['episode', 'exhibition', 'event', 'artist', 'post'])
+        
         this.checkAndSetHero('welcome')
     },
     methods: {
@@ -93,16 +95,7 @@ export default {
         },
         firstPostOfType(type) {
             return Object.values(this[`all${convertTitleCase(type)}s`])[0]
-        },
-        randomPostOfType(type) {
-            const postsOfType = Object.values(
-                this[`all${convertTitleCase(type)}s`],
-            )
-            // console.log(postsOfType)
-            const max = postsOfType.length
-            const rand = Math.floor(Math.random() * max)
-            return postsOfType[rand]
-        },
+        }
     },
 }
 </script>

vue-theme/src/store/actions.js

@@ -1,2 +1,15 @@
+import api from '../utils/api'
+
 // for global actions
-export default () => {}
+export default () => {
+    getRandom({ commit }, types) {
+        commit('CLEAR_RANDOM')
+        commit('RANDOM_LOADED', false)
+        return api.getRandom(types, sortType, randomPosts => {
+            console.log('randomPosts')
+            console.log(randomPosts)
+            commit('STORE_FETCHED_RANDOM', { randomPosts })
+            commit('RANDOM_LOADED', true)
+        })
+    }
+}

vue-theme/src/store/getters.js

@@ -1,2 +1,5 @@
 // For global getters
-export default () => {}
+export default () => {
+    randomPosts: state => state.randomPosts,
+    randomPostsLoaded: state => state.randomPostsLoaded,
+}

vue-theme/src/store/index.js

@@ -29,6 +29,8 @@ const state = {
     },
     currentGallery: null,
     view: 'list',
+    randomPostsLoaded: false,
+    randomPosts: []
 }
 
 const mutations = {
@@ -64,6 +66,15 @@ const mutations = {
     CLEAR_GALLERY(state) {
         state.gallery = null
     },
+    STORE_FETCHED_RANDOM(state, { randomPosts }) {
+        state.randomPosts = randomPosts
+    },
+    CLEAR_RANDOM(state) {
+        state.randomPosts = []
+    },
+    RANDOM_LOADED(state, val) {
+        state.randomPostsLoaded = val
+    },
 }
 
 const store = new Vuex.Store({

vue-theme/src/utils/api.js

@@ -51,7 +51,17 @@ export default {
                 cb(e)
             })
     },
-
+    getRandom(types, cb) {
+        const randomPosts = []
+        for(type in types) {
+            axios
+                .get(SETTINGS.API_BASE_PATH + `${type}?orderby=rand&limit=1`)
+                .then(response => {
+                    randomPosts.push(response.data)
+                })
+        }
+        cb(randomPosts)
+    },
     getSticky(cb) {
         axios
             .get(SETTINGS.API_BASE_PATH + 'sticky')