vue-wp/vue-theme/src/components/breadcrumb.vue

<template lang="pug">
//- breadcrumb links at top of page, needs link routing
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-if="type == 'page'" :to="`/`")
        h5.t-up 
    router-link(v-else :to="`/${type}`")
        h5.t-up {{ type }}
    h5 &nbsp;＞&nbsp;
    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>

<script>
export default {
    props: {
        type: { type: String },
        post: { type: Object },
    },
}
</script>

<style lang="postcss">
// prettier-ignore
@import '../sss/variables.sss'
@import '../sss/theme.sss'
.breadcrumb
    h5
        font-size: $ms--1
</style>