:recycle: tweaking theme to display blog for posts

vue-theme/src/components/breadcrumb.vue

@@ -3,10 +3,14 @@
 nav.breadcrumb.f-row.start.t-up
     router-link(v-if="['event','exhibition'].includes(type)" :to="`/${type}/sorted/by-current-and-upcoming`")
         h5.t-up {{ type }}
+    router-link(v-else-if="type == 'post'" :to="`/blog`")
+        h5.t-up blog
     router-link(v-else :to="`/${type}`")
         h5.t-up {{ type }}
     h5  ➤ 
-    router-link(:to="`/${type}/${post.slug}`")
+    router-link(v-if="type == 'post'" :to="`/blog/${post.slug}`")
+        h5 {{ post.title }}
+    router-link(v-else :to="`/${type}/${post.slug}`")
         h5 {{ post.title }}
 </template>
 

vue-theme/src/components/card.vue

@@ -3,20 +3,28 @@
     header
         router-link(v-if="!hideType && ['event','exhibition'].includes(type)" :to="`/${type}/sorted/by-current-and-upcoming`")
             h4.t-up {{type}}
+        router-link(v-else-if="type == 'post'" :to="`/blog`")
+            h4.t-up blog
         router-link(v-else-if="!hideType" :to="`/${type}`")
             h4.t-up {{type}}
 
     article.card--info(:class="{ 'wide': wide }")
-        router-link(:to="`/${type}/${content.slug}`")
+        router-link(v-if="type == 'post'" :to="`/blog/${content.slug}`")
+            featured-image(:post="content", thumbsize="'standard'")
+        router-link(v-else :to="`/${type}/${content.slug}`")
             //- set image to thumbnail setting
             featured-image(:post="content", thumbsize="'standard'")
         .f-col.w-max(style="height: inherit")
-            router-link(:to="`/${type}/${content.slug}`")
+            router-link(v-if="type == 'post'" :to="`/blog/${content.slug}`")
+                h1.t-up.t-cntr.t-b {{ content.title }}
+            router-link(v-else :to="`/${type}/${content.slug}`")
                 h1.t-up.t-cntr.t-b {{ content.title }}
             p(v-if="content.end && type == 'event'" class="datetime") {{ dateFrom(content.start, type=='event') }} – {{ dateFrom(content.end, type=='event').split(',')[1] }}
             p(v-else-if="content.end" class="datetime") {{ dateFrom(content.start, type=='event') }} – {{ dateFrom(content.end, type=='event') }}
             p.excerpt {{ content.excerpt }}
-            router-link(:to="`/${type}/${content.slug}`")
+            router-link(v-if="type == 'post'" :to="`/blog/${content.slug}`")
+                p.read-more read more
+            router-link(v-else :to="`/${type}/${content.slug}`")
                 p.read-more read more
 </template>
 

vue-theme/src/pages/single.vue

@@ -74,11 +74,12 @@ export default {
          * Careful with name collisions with vuex helpers
          */
         singlePost() {
-            if (!this[this.type]) return
+            const postType = this.type == 'blog' ? 'post': this.type
+            if (!this[postType]) return
 
             // State not a getter!
             const singleOfTypeFromState =
-                this[this.type][`single${convertTitleCase(this.type)}`]
+                this[postType][`single${convertTitleCase(postType)}`]
 
             if (!singleOfTypeFromState) return
 
@@ -181,8 +182,9 @@ export default {
              * which is derived from the route
              */
             // modules are NOT plural because module key
-            if (!this.$store.state[this.type]) return
-            const allPostsOfTypeInStore = this.$store.state[this.type].all
+            const postType = this.type == 'blog' ? 'post': this.type
+            if (!this.$store.state[postType]) return
+            const allPostsOfTypeInStore = this.$store.state[postType].all
 
             /**
              * Load posts if they're not already in state
@@ -197,7 +199,7 @@ export default {
             if (!singlePostData) {
                 console.warn('Could not find single post in store; Fetching everything...')
                 const res = await this.$store.dispatch(
-                    `getAll${convertTitleCase(this.type)}s`,
+                    `getAll${convertTitleCase(postType)}s`,
                     { sortType: null, params: null }
                 )
                 singlePostData = res.filter(
@@ -211,7 +213,7 @@ export default {
             try {
                 this.checkAndSetHero(singlePostData)
                 await this.$store.dispatch(
-                    `getSingle${convertTitleCase(this.type)}`,
+                    `getSingle${convertTitleCase(postType)}`,
                     singlePostData.id,
                 )
             } catch (err) {

vue-theme/src/store/index.js

@@ -87,6 +87,7 @@ const store = new Vuex.Store({
     mutations,
     state,
     modules: {
+        'blog': post,
         post,
         page,
         artist,