:sparkles: displaying page content on list.vue with matching type

vue-theme/src/pages/list.vue

@@ -1,11 +1,14 @@
 <template lang="pug">
 .page--list.f-row.between
     article.f-grow
-        header.f-row.center.t-up
-            h1 {{ type }} list
+        header.f-col.center.t-up
+            .title.f-row
+                h1 {{ type }} list
+                span(v-if="sortBy")
+                    h1 &nbsp;sorted by {{ sortBy.replace('-', ' ') }}
+
             h3(v-if="!loaded") loading...
-            span(v-if="sortBy")
-                h1 &nbsp;sorted by {{ sortBy.replace('-', ' ') }}
+            .content(v-else-if="allPagesLoaded && type && allPages[type]" v-html="allPages[type].content")
 
         .posts(v-if="posts && loaded" :class="{ 'is-grid': grid }")
             section(v-for="post in posts" :key="post.slug").shadow.post
@@ -104,16 +107,18 @@ export default {
     },
     watch: {
         $route(to, from){
-            console.log(this.sidebar)
+            // console.log(this.sidebar)
             let type = convertTitleCase(this.type)
             let sort = this.sortBy ? this.sortBy : to.path.split('/').pop()
             
+            this.$store.dispatch('getAllPages')    
             if(!this[`all${type}Loaded`] || sort) this.setHeroAndGetPosts()
         }
     },
     created() {
         let type = convertTitleCase(this.type)
         // console.log('already loaded ?:', this[`all${type}Loaded`])
+        this.$store.dispatch('getAllPages')
         if(!this[`all${type}Loaded`]) this.setHeroAndGetPosts()
     }
 }
@@ -122,6 +127,13 @@ export default {
 <style lang="postcss">
 .page--list
     article
+        > header
+            padding: 1em 0 1em 0
+            > h1
+                margin: 0
+            > .content
+                padding: 0
+                width: 100%
         /* posts not grid list */
         ul
             img