:recycle: load past exhibitions or events if no upcoming

vue-theme/src/pages/index.vue

@@ -23,6 +23,7 @@
             ul.w-max
                 li.shadow(v-for="post in [randomPostOfType(secondRow)]")
                     card(v-if="post" :content="post" :type="`${post.type}s`" :wide="true")
+
         //- (thirdRow) firstRow.flipped: ['guides', 'objects', 'techniques', 'talks', 'center'], exceprt on guides only
         section
             ul.flipped
@@ -47,23 +48,29 @@ export default {
             thirdRow: ['episodes', 'exhibitions', 'events', 'artists', 'posts'],
         }
     },
-    created() {
+    async created() {
         // console.log(wp)
-        postTypes.forEach(type => {
-            const capitalizedType = convertTitleCase(type)
+        const omit = ['events', 'exhibitions']
+        for (let type of postTypes) {
+            const action = `getAll${convertTitleCase(type)}`
 
             // We try and fetch EVERYTHING except
-            // for EVENTS and EXHIBITIONS we only grab
-            // the current or upcoming on load
-            if (!['events', 'exhibitions'].includes(type)) {
-                this.$store.dispatch(`getAll${capitalizedType}`)
+            // for EVENTS and EXHIBITIONS
+            if (!omit.includes(type)) {
+                this.$store.dispatch(action)
             } else {
-                this.$store.dispatch(
-                    `getAll${capitalizedType}`,
+                // Only grab the current or upcoming on load
+                const eventsOrExhibitions = await this.$store.dispatch(
+                    action,
                     sortTypes.currentAndUpcoming,
                 )
+                // If no current or upcoming, get past events
+                // to fill in the blanks
+                if (eventsOrExhibitions.length < 1) {
+                    this.$store.dispatch(action, sortTypes.past)
+                }
             }
-        })
+        }
         this.checkAndSetHero('welcome')
     },
     methods: {
@@ -91,6 +98,7 @@ export default {
             const postsOfType = Object.values(
                 this[`all${convertTitleCase(type)}`],
             )
+            // console.log(postsOfType)
             const max = postsOfType.length
             const rand = Math.floor(Math.random() * max)
             return postsOfType[rand]