feat: wrapping getters in another getter

vue-theme/src/index.js

@@ -14,12 +14,12 @@ const router = new VueRouter({
     mode: 'history',
     routes: [
         { path: '/', component: IndexPage },
+        { path: '/lazy', component:  () => import(/* webpackChunkName: "pages-lazy" */ './pages/lazy.vue') },
         {
             path: '/:type',
             component: ListPage,
             props: { sidebar: true }
         },
-        { path: '/lazy', component:  () => import(/* webpackChunkName: "pages-lazy" */ './pages/lazy.vue') },
     ]
 })
 

vue-theme/src/pages/list.vue

@@ -9,6 +9,8 @@
             h4 {{ $route.params.type }}
             p {{ Object.values(allArtists).length }}
             p {{ sidebar }}
+        section(v-for="post in posts")
+            h4 {{ post.title }}
     //- COMPONENT: Make this with a prop
     aside(v-if="sidebar").shadow.b-radius
         header
@@ -29,9 +31,20 @@ export default {
         ...mapGetters({
             allArtists: 'allArtists',
             allArtistsLoaded: 'allArtistsLoaded',
+
             allEpisodes: 'allEpisodes',
             allEpisodesLoaded: 'allEpisodesLoaded',
         }),
+        posts() {
+            switch (this.$route.params.type) {
+                case 'artists':
+                    return this.allArtists
+                    break
+                case 'episodes':
+                    return this.allEpisodes
+                    break
+            }
+        },
     },
     data() {
         return {
@@ -44,11 +57,10 @@ export default {
             case 'artists':
                 this.$store.dispatch('getAllArtists')
                 break
-            case 'episodess':
+            case 'episodes':
                 this.$store.dispatch('getAllEpisodes')
                 break
         }
-        
     }
 }
 </script>