:fire: just chopping some vars

vue-theme/src/pages/list.vue

@@ -34,6 +34,9 @@ import { postTypes, sortTypes, convertTitleCase } from '@/utils/helpers'
 
 const TIMEOUT = 1
 const INTERSECT_SELECTOR = '.page--list > article footer'
+const wideTypes = ['event', 'exhibition']
+const gridTypes = ['episode', 'artist']
+const sansSidebarTypes = ['episode']
 
 export default {
     components: { sidebar, featuredImage, card },
@@ -48,15 +51,31 @@ export default {
         }
     },
     computed: {
-        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: () => this.type ? `${convertTitleCase(this.type)}s` : null,
-        loaded: () => this.pType ? this[`all${this.pType}Loaded`] : false,
-        posts: () => this.pType ? this[`all${this.pType}`] : []
+        grid: () => this.type ? gridTypes.includes(this.type) : null,
+        isWide: () => this.type ? wideTypes.includes(this.type) : null,
+        sidebar: () => this.type ? !sansSidebarTypes.includes(this.type) : null,
+        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
+        }
     },
     methods: {
         async loadMorePosts(shouldClear) {

vue-theme/src/pages/single.vue

@@ -35,7 +35,7 @@
         footer.f-col
             img(src="../star.svg")
 
-    sidebar(v-if="sidebar" :type="`${type}`" layout="single" :related="p2pPostsByType")
+    sidebar(:type="`${type}`" layout="single" :related="p2pPostsByType")
 </template>
 
 <script>
@@ -63,16 +63,8 @@ export default {
         }
     },
     computed: {
-        sidebar() {
-            return true
-        },
-        slug() {
-            return this.$route.params.slug
-        },
-        type() {
-            // Checks for type and fixes Episodes route edge case
-            return this.$route.params.type
-        },
+        slug: () => this.$route.params.slug,
+        type: () => this.$route.params.type,
         /**
          * We get the actual post data using the slug
          * Careful with name collisions with vuex helpers