router-link for breadcrumb navigation

vue-theme/src/pages/single.vue

@@ -7,14 +7,20 @@
             p loading...
     article(v-else).f-grow.shadow
         header
-            //- breadcrumb links here at top of page, needs link routing
-            h3.t-up.breadcrumb {{ type }} / {{ post.title }}
+            //- breadcrumb links at top of page, needs link routing
+            breadcrumb.f-row.start.t-up
+                router-link(:to="`/${type}`")
+                    h5 {{ type }}
+                //- h5 •
+                h5 >
+                router-link(:to="`/${type}/${post.slug}`")
+                    h5 {{ post.title }}
             
             //- h1 {{ type }}:{{ $route.params.slug }} {{ post.title }}
-            h1.t-cntr.t-b  {{ post.title }}
+            h1.t-b  {{ post.title }}
             //- p(v-if="post.categories") categories: {{ post.categories }}
             //- p(v-if="post.type") type: {{ post.type }}
-            p(v-if="post.subtypes") subtypes: {{ post.subtypes }}
+            //- p(v-if="post.subtypes") subtypes: {{ post.subtypes }}
 
             .date-info(v-if="type === 'events' || post.type === 'exhibitions'")
                 p start: {{ dateFrom(post.start) }}
@@ -216,11 +222,6 @@ export default {
             color: $cia_black
             /* font-weight: 800 */
             padding: $ms--3 0
-        h3.breadcrumb
-            /* color: orange */
-            color: $cia_red
-            font-weight: 400
-            padding: $ms--3 0
         > ul
             /* grid-gap: $ms-0 */
             list-style: none
@@ -240,6 +241,13 @@ export default {
             left: 0px 
             width: 100% 
             height: 100%
+
+        breadcrumb
+            h5
+                /* color: yellow */
+                color: $cia_red
+                /* font-weight: 400 */
+                /* padding: $ms--6 0 */
         
         //- end of article icon
         footer