feat: special route case for episodes | feat: remove sidebar for episodes list

vue-theme/src/index.js

@@ -13,8 +13,9 @@ const router = new VueRouter({
     mode: 'history',
     routes: [
         { path: '/', component: IndexPage },
+        { path: '/episodes', component: () => import(/* webpackChunkName: "pages-list" */ './pages/list.vue'), props: { sidebar: false } },
         { path: '/:type', component: () => import(/* webpackChunkName: "pages-list" */ './pages/list.vue'), props: { sidebar: true } },
-        { path: '/:type/:id', component: () => import(/* webpackChunkName: "pages-single" */ './pages/single.vue'), props: { sidebar: true } },
+        { path: '/:type/:slug', component: () => import(/* webpackChunkName: "pages-single" */ './pages/single.vue'), props: { sidebar: true } },
     ]
 })
 

vue-theme/src/pages/list.vue

@@ -35,7 +35,7 @@ export default {
             allEpisodesLoaded: 'allEpisodesLoaded',
         }),
         posts() {
-            let type = this.$route.params.type
+            let type = this.$route.params.type ? this.$route.params.type : this.$route.fullPath.slice(1)
             type = type.charAt(0).toUpperCase() + type.slice(1)
             return this[`all${type}`]
         },
@@ -47,7 +47,7 @@ export default {
         }
     },
     mounted() {
-        let type = this.$route.params.type
+        let type = this.$route.params.type ? this.$route.params.type : this.$route.fullPath.slice(1)
         type = type.charAt(0).toUpperCase() + type.slice(1)
         this.$store.dispatch(`getAll${type}`)
     }

vue-theme/src/pages/single.vue

@@ -2,10 +2,10 @@
 .page--single.f-row.between
     article.f-grow
         header
-            h1 {{ $route.params.type }}:{{ $route.params.id }} single
+            h1 {{ $route.params.type }}:{{ $route.params.slug }} single
         section
-            h4 {{ posts[$route.params.id].title }}
-            .block-wrapper(v-for="block in posts[$route.params.id].blocks" v-html="block")
+            h4 {{ posts[$route.params.slug].title }}
+            .block-wrapper(v-for="block in posts[$route.params.slug].blocks" v-html="block")
     //- COMPONENT: Make this with a prop
     aside(v-if="sidebar").shadow.b-radius
         header