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
28 lines
600 B
Vue
28 lines
600 B
Vue
<script setup>
|
|
const route = useRoute()
|
|
</script>
|
|
|
|
<template>
|
|
<section class="flex justify-between">
|
|
<Tabs
|
|
v-if="route.path !== '/dashboard/link'"
|
|
:default-value="route.path"
|
|
@update:model-value="navigateTo"
|
|
>
|
|
<TabsList>
|
|
<TabsTrigger
|
|
value="/dashboard/links"
|
|
>
|
|
{{ $t('nav.links') }}
|
|
</TabsTrigger>
|
|
<TabsTrigger value="/dashboard/analysis">
|
|
{{ $t('nav.analysis') }}
|
|
</TabsTrigger>
|
|
</TabsList>
|
|
</Tabs>
|
|
<slot name="left" />
|
|
<div>
|
|
<slot />
|
|
</div>
|
|
</section>
|
|
</template>
|