国际化

@uozi-admin/layout-antdv 支持国际化配置。

基础用法

通过 currentLanguage 和 languages 配置语言:

<template>
  <AdminLayout
    current-language="zh-CN"
    :languages="{
      'zh-CN': '简',
      'en-US': 'En',
    }"
    @change-language="handleLanguageChange"
  />
</template>

语言配置

支持两种配置方式:

数组方式

const languages = ['zh-CN', 'en-US']

对象方式

const languages = {
  'zh-CN': '简',
  'en-US': 'En',
}

切换事件

<script setup>
function handleLanguageChange(lang) {
  console.log('切换语言:', lang)
}
</script>

<template>
  <AdminLayout @change-language="handleLanguageChange" />
</template>