refac: dispatch based on route string | feat: added episodes to the nav

vue-theme/src/components/navigation/navigation.vue

@@ -11,6 +11,8 @@ nav.main
             a(href="/") home
         li
             a(href="/artists") artists
+        li
+            a(href="/episodes") episodes
         li
             a(href="/lazy") lazy
 </template>

vue-theme/src/pages/list.vue

@@ -1,5 +1,3 @@
-// Artists/Exhibitions/Events/search-results
-// Optional sidebar
 <template lang="pug">
 .page--list.f-row.between
     article.f-grow
@@ -36,14 +34,9 @@ export default {
             allEpisodesLoaded: 'allEpisodesLoaded',
         }),
         posts() {
-            switch (this.$route.params.type) {
-                case 'artists':
-                    return this.allArtists
-                    break
-                case 'episodes':
-                    return this.allEpisodes
-                    break
-            }
+            let type = this.$route.params.type
+            type = type.charAt(0).toUpperCase() + type.slice(1)
+            return this[`all${type}`]
         },
     },
     data() {
@@ -53,14 +46,9 @@ export default {
         }
     },
     mounted() {
-        switch (this.$route.params.type) {
-            case 'artists':
-                this.$store.dispatch('getAllArtists')
-                break
-            case 'episodes':
-                this.$store.dispatch('getAllEpisodes')
-                break
-        }
+        let type = this.$route.params.type
+        type = type.charAt(0).toUpperCase() + type.slice(1)
+        this.$store.dispatch(`getAll${type}`)
     }
 }
 </script>