yunohost-admin/app/src/components/globals/YBreadcrumb.vue

33 lines
743 B
Vue

<script setup lang="ts">
import { useInfos } from '@/composables/useInfos'
const { breadcrumb, updateHtmlTitle } = useInfos()
// Call this here to trigger title update at page load (with translation)
updateHtmlTitle()
</script>
<template>
<BBreadcrumb v-if="breadcrumb.length">
<BBreadcrumbItem to="/">
<span class="visually-hidden">{{ $t('home') }}</span>
<YIcon iname="home" />
</BBreadcrumbItem>
<BBreadcrumbItem
v-for="({ to, text }, i) in breadcrumb"
:key="i"
:to="to"
:active="i === breadcrumb.length - 1"
>
{{ text }}
</BBreadcrumbItem>
</BBreadcrumb>
</template>
<style lang="scss" scoped>
.breadcrumb {
border: none;
background-color: transparent;
}
</style>