:recycle: moving from query to route prop

vue-theme/src/pages/list.vue

@@ -6,7 +6,7 @@
             span(v-if="sortBy")
                 h1  sorted by {{ sortBy.replace('-', ' ') }}
 
-        .posts(:class="{ 'is-grid': isGrid }")
+        .posts(:class="{ 'is-grid': grid }")
             section(v-for="post in posts" :key="post.slug").shadow.post
                 router-link(:to="`/${type}/${post.slug}`")
                     h4 {{ post.title }} 
@@ -34,13 +34,11 @@ export default {
     components: { sidebar },
     props: {
         sidebar: { type: Boolean },
+        grid: { type: Boolean },
         sortBy: { type: String }
     },
     mixins: [postTypeGetters],
     computed: {
-        isGrid() {
-            return this.$route.query.grid === 'true'
-        },
         type() { // Checks for type and fixes Episodes route edge case 
             return typeFromRoute(this.$route)
         },

vue-theme/src/router/routes.js

@@ -6,7 +6,11 @@ export default [
     // Home Page
     { path: '/', component: indexPage },
     // List Pages
-    { path: '/episodes', component: listPage, props: { sidebar: false } },
+    { 
+        path: '/episodes',
+        component: listPage,
+        props: { sidebar: false, grid: true }
+    },
     { path: '/:type', component: listPage, props: { sidebar: true } },
     // Sorted List Pages 
     { path: '/:type/by-alpha', component: listPage, props: { sidebar: true, sortBy: 'by-alpha' } },