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 }}

</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'

</style>