Breadcrumb.vue

<template>
	<nav aria-label="Fil d'Ariane" class="breadcrumb-wrapper rounded">
		<ol class="breadcrumb m-0 p-0 d-none d-sm-flex">
			<li
				class="breadcrumb-item"
				:class="{ active: item.active }"
				:aria-current="item.active ? 'page' : null"
				v-for="item in breadcrumb"
				:key="item.text">
				<NuxtLink :to="localePath(item.to)" v-if="item.to">{{
					item.text
				}}</NuxtLink>
				<span v-else>{{ item.text }}</span>
			</li>
		</ol>
		<div class="d-flex justify-content-between align-items-center">
			<NavigationLanguage class="mr-3" />
			<BtnTheme />
		</div>
	</nav>
</template>

<script>
export default {
	props: {
		breadcrumb: Array
	}
}
</script>