e563d55852
Implemented multi-language support for the application: - Added @nuxtjs/i18n plugin configuration - Created locale files for English (en-US) and Chinese (zh-CN) - Updated components to use translation keys - Added language switcher in header - Configured VSCode i18n-ally settings - Prepared translation infrastructure for future language expansions
38 lines
806 B
Vue
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>
|