:sparkles: adding hero to welcome

vue-theme/src/pages/index.vue

 </template>
 
 <script>
-import { postTypeGetters, scrollTop } from './mixin-post-types'
+import { postTypeGetters, scrollTop, heroUtils } from './mixin-post-types'
 import card from '@/components/card.vue'
 
 import { convertTitleCase, postTypes, sortTypes } from '@/utils/helpers'
 
 export default {
-    mixins: [postTypeGetters, scrollTop],
+    mixins: [postTypeGetters, scrollTop, heroUtils],
     components: { card },
     data() {
         return {
         if (!this['allPagesLoaded']) {
             await this.$store.dispatch('getAllPages', { sortType: null, params: null })
         }
+        await this.checkAndSetHero('welcome')
         await this.$store.dispatch('getRandomPosts', ['episode', 'exhibition', 'event', 'artist', 'post'])
     },
     methods: {
         firstPostOfType(type) {
             return Object.values(this[`all${convertTitleCase(type)}s`])[0]
         },
+        async checkAndSetHero(type) {
+            this._clearHero(this.$store)
+
+            // We always set a hero no matter what
+            // Because the hero component will deal
+            // with how to render based on hero.url
+            if(!this.allPages) return console.warn('no pages in state', this)
+            const page = this.allPages.filter(
+                page => page.slug == type,
+            )[0]
+            if(!page) return console.warn(`no page for ${type} found`)
+
+            this.$store.commit('SET_HERO', this._setHeroInfo(page))
+        },
     },
 }
 </script>