:fire: trying different chop

vue-theme/src/pages/list.vue

         }
     },
     computed: {
-        grid: () => ['episode', 'artist'].includes(this.type),
-        isWide: () => ['event', 'exhibition'].includes(this.type),
-        sidebar: () => !['episode'].includes(this.type),
         type: () => this.$route.params.type,
         sortBy: () => this.$route.params.sortBy,
+        grid: () => this.type ? ['episode', 'artist'].includes(this.type) : null,
+        isWide: () => this.type ? ['event', 'exhibition'].includes(this.type) : null,
+        sidebar: () => this.type ? !['episode'].includes(this.type) : null,
         shouldLoadAllAtOnce: () => this.type == 'episode' || this.type == 'artist' && this.sortBy == sortTypes.material,
-        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}`]
-        }
+        pType: () => this.type ? `${convertTitleCase(this.type)}s` : null,
+        loaded: () => this.pType ? this[`all${this.pType}Loaded`] : false,
+        posts: () => this.pType ? this[`all${this.pType}`] : []
     },
     methods: {
         async loadMorePosts(shouldClear) {