:recycle: changine to vue 3 life cycle names | squished another loading bug for home page

vue-theme/src/components/gallery.vue

@@ -62,7 +62,7 @@ export default {
 
         window.addEventListener('keydown', this.interpretKeypress)
     },
-    destroyed() {
+    unmounted() {
         window.removeEventListener('keydown', this.interpretKeypress)
     }
 }

vue-theme/src/components/hero.vue

@@ -46,7 +46,7 @@ export default {
             Object.assign(this.$el.style, {height: this.heroHeight + 'px'})
         }
     },
-    beforeDestroy() {
+    beforeUnmount() {
         window.removeEventListener('resize', this.onResize)
     },
     

vue-theme/src/pages/list.vue

@@ -54,12 +54,20 @@ export default {
             allEpisodes: 'allEpisodes',
             allEpisodesLoaded: 'allEpisodesLoaded',
         }),
+        allLoaded() {
+            const flags = []
+            flags.push(this.allPagesLoaded)
+            flags.push(this.allPostsLoaded)
+            flags.push(this.allArtistsLoaded)
+            flags.push(this.allEpisodesLoaded)
+            return flags.every(Boolean)
+        },
         type() { // Checks for type and fixes Episodes route edge case 
             return this.$route.params.type ? this.$route.params.type : this.$route.fullPath.slice(1)
         },
         posts() {
             let type = this.convertTitleCase(this.type)
-            console.log('type: ', type)
+            
             // We're override the API to sort by date
             // because items are returned by ID
             let unsortedOfType = Object.values(this[`all${type}`])
@@ -76,7 +84,7 @@ export default {
             return type.charAt(0).toUpperCase() + type.slice(1)
         }
     },
-    mounted() {
+    created() {
         let type = this.convertTitleCase(this.type)
         
         this.$store.dispatch(`getAll${type}`, this.sortBy)

vue-theme/src/pages/single.vue

@@ -61,8 +61,10 @@ export default {
             return this.$route.params.type ? this.$route.params.type : this.$route.fullPath.slice(1)
         },
         posts() {
-            let type = this.type.charAt(0).toUpperCase() + this.type.slice(1)
-
+            let type = this.convertTitleCase(this.type)
+            
+            if(!type) return []
+            
             // Return list keyed by slug
             return Object.values(this[`all${type}`]).reduce((postsMap, post) => { 
                 postsMap[post.slug] = post
@@ -71,6 +73,9 @@ export default {
         }
     },
     methods: {
+        convertTitleCase(type) {
+            return type.charAt(0).toUpperCase() + type.slice(1)
+        },
         pageBlocks(posts) {
             if(this.images.length < 1) return []
             return posts[this.$route.params.slug].blocks.map(block => {
@@ -128,9 +133,8 @@ export default {
     },
     created() {
         if(!this.allLoaded) {
-            let type = this.$route.params.type
-            type = type.charAt(0).toUpperCase() + type.slice(1)
-            console.log('retrieving...', type)
+            let type = this.convertTitleCase(this.$route.params.type)
+            console.log('Retrieving...', type)
             this.$store.dispatch(`getAll${type}`)
         }
     }