:fire: extreme chopping

vue-theme/src/pages/list.vue

@@ -21,8 +21,6 @@
         //- Important: Do NOT remove this! Required for intersection observer
         footer
             p(v-if="loadingFetched") loading more {{ type }}...
-            p(v-if="showMeta") {{ `${type} count: ${Object.values(posts).length}` }}
-            p(v-if="showMeta") {{ `show sidebar: ${sidebar}` }}
 
     sidebar(v-if="sidebar" :type="`${type}`" layout="list")
 </template>
@@ -47,7 +45,6 @@ export default {
     mixins: [postTypeGetters, scrollTop, heroUtils],
     data() {
         return {
-            showMeta:false,
             page: 0,
             perPage: 21,
             keepFetching: true,
@@ -56,37 +53,15 @@ export default {
         }
     },
     computed: {
-        grid() {
-            return gridTypes.includes(this.type)
-        },
-        isWide() {
-            return wideTypes.includes(this.type)
-        },
-        sidebar() {
-            return !sansSidebarTypes.includes(this.type)
-        },
-        type() {
-            // Checks for type and fixes Episodes route edge case
-            return this.$route.params.type
-        },
-        sortBy() {
-            return this.$route.params.sortBy
-        },
-        pType() {
-            if(!this.type) return
-            return `${convertTitleCase(this.type)}s`
-        },
-        loaded() {
-            if (!this.pType) return
-            return this[`all${this.pType}Loaded`]
-        },
-        posts() {
-            if (!this.pType) return
-            return this[`all${this.pType}`]
-        },
-        shouldLoadAllAtOnce() {
-            return this.type == 'episode' || this.type == 'artist' && this.sortBy == sortTypes.material
-        }
+        grid: () => gridTypes.includes(this.type),
+        isWide: () => wideTypes.includes(this.type),
+        sidebar: () => !sansSidebarTypes.includes(this.type),
+        type: () => this.$route.params.type,
+        sortBy: () => this.$route.params.sortBy,
+        pType: () => `${convertTitleCase(this.type)}s`,
+        loaded: () => this[`all${this.pType}Loaded`],
+        posts: () => this[`all${this.pType}`],
+        shouldLoadAllAtOnce: () => this.type == 'episode' || this.type == 'artist' && this.sortBy == sortTypes.material
     },
     methods: {
         async loadMorePosts(shouldClear) {
@@ -96,7 +71,6 @@ export default {
             try {
                 this.loadingFetched = true
                 this.page++
-
                 const res = await this.getPosts(
                     {
                         limit: this.shouldLoadAllAtOnce ? -1 : this.perPage,
@@ -104,9 +78,8 @@ export default {
                     },
                     this.shouldLoadAllAtOnce ? 'All' : 'More'
                 )
-
                 this.loadingFetched = false
-                
+
                 // Stop trying to load more posts
                 if(res && !res.length || this.shouldLoadAllAtOnce) {
                     this.keepFetching = false
@@ -117,8 +90,8 @@ export default {
         },
         async getPosts(params, dispatchType) {
             if(!this.type) throw `post type: ${this.type} not found...`
-            
             let res = []
+
             // We always grab all pages on hero init so no need to do it here
             if(this.pType && this.keepFetching && this.type != 'page') {
                 res = await this.$store.dispatch(
@@ -145,9 +118,7 @@ export default {
                 // Because the hero component will deal
                 // with how to render based on hero.url
                 this.$store.commit('SET_HERO', this._setHeroInfo(page))
-            } catch (err) {
-                console.error(err)
-            }
+            } catch (err) { console.error(err) }
         },
         setIntersectionLoader() {
             // KeepFetching is UNSET for certain post types and sort types in `loadMorePosts()`
@@ -186,9 +157,7 @@ export default {
         }
     },
     watch: {
-        // This only fires navigating from
-        // a list page, to another list page
-        // and the post type has changed
+        // This only fires navigating from a list page, to another list page
         type(newType) {
             if(!postTypes.includes(newType)) return console.warn('Type not valid...')