Sink/app/components/dashboard/Breadcrumb.vue
wudi 7cadbfe2b1 refactor: Migrate project files and directories to the app directory using the new compatibilityVersion: 4 feature
- Moved `app.config.ts` to the `app` directory
- Migrated `.vue` files and other assets to the `app` directory
- Updated import paths to reflect the new file locations
2025-03-24 11:05:59 +08:00

38 lines
806 B
Vue

<script setup>
import { NuxtLink } from '#components'
defineProps({
title: {
type: String,
required: true,
},
})
const { title } = useAppConfig()
</script>
<template>
<Breadcrumb class="flex justify-between">
<BreadcrumbList>
<BreadcrumbItem>
<BreadcrumbLink href="/">
{{ title }}
</BreadcrumbLink>
</BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem>
<BreadcrumbLink
:as="NuxtLink"
to="/dashboard"
>
{{ $t('dashboard.title') }}
</BreadcrumbLink>
</BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem>
<BreadcrumbPage>{{ title }}</BreadcrumbPage>
</BreadcrumbItem>
</BreadcrumbList>
<DashboardLogout />
</Breadcrumb>
</template>