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
41 lines
710 B
Vue
41 lines
710 B
Vue
<script setup>
|
|
defineProps({
|
|
tabs: {
|
|
type: Array,
|
|
required: true,
|
|
},
|
|
rawTabs: {
|
|
type: Array,
|
|
required: true,
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<Tabs
|
|
:default-value="rawTabs[0]"
|
|
class="flex flex-col"
|
|
>
|
|
<TabsList class="w-fit">
|
|
<TabsTrigger
|
|
v-for="(tab, index) in tabs"
|
|
:key="tab"
|
|
:value="rawTabs[index]"
|
|
>
|
|
{{ tab }}
|
|
</TabsTrigger>
|
|
</TabsList>
|
|
<TabsContent
|
|
v-for="(tab, index) in tabs"
|
|
:key="tab"
|
|
:value="rawTabs[index]"
|
|
class="flex-1"
|
|
>
|
|
<DashboardMetricsMetric
|
|
:type="rawTabs[index]"
|
|
:name="tab"
|
|
class="h-full"
|
|
/>
|
|
</TabsContent>
|
|
</Tabs>
|
|
</template>
|