21 lines
1.0 KiB
Vue
21 lines
1.0 KiB
Vue
<script setup>
|
|
|
|
defineProps({
|
|
breadcrumbs: Array
|
|
});
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<nav v-if="breadcrumbs" class="flex" aria-label="Breadcrumb">
|
|
<ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse">
|
|
<li v-for="(page, index) in breadcrumbs" class="flex items-center">
|
|
<svg v-if="index !== 0" class="rtl:rotate-180 w-3 h-3 text-gray-400 mx-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
|
|
</svg>
|
|
<a v-if="page.current === undefined" :href="page.url" class="ms-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ms-2 dark:text-gray-400 dark:hover:text-white">{{ page.title }}</a>
|
|
<span v-else class="ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400">{{ page.title }}</span>
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
</template> |