Jonathan Druart
b6c0c6c9d3
Signed-off-by: Jonathan Field <jonathan.field@ptfs-europe.com> Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com> Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com> Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
31 lines
No EOL
901 B
Vue
31 lines
No EOL
901 B
Vue
<template>
|
|
<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
|
|
<ol>
|
|
<li v-for="(item, counter) in breadCrumbs" v-bind:key="counter">
|
|
<router-link
|
|
v-if="!item.path && counter == breadCrumbs.length - 1"
|
|
:to="`${currentRoute}`"
|
|
>
|
|
{{ $t(item.text) }}</router-link
|
|
>
|
|
<router-link v-else :to="item.path">
|
|
{{ $t(item.text) }}</router-link
|
|
>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
</template>
|
|
|
|
<script>
|
|
import { useRouter } from 'vue-router'
|
|
export default {
|
|
computed: {
|
|
breadCrumbs() {
|
|
if (this.$route.meta.breadcrumb) {
|
|
return this.$route.meta.breadcrumb()
|
|
}
|
|
},
|
|
currentRoute: () => useRouter().currentRoute.value.path
|
|
},
|
|
};
|
|
</script> |