国际化 ​

ElementPlusX 的国际化，就是使用的 ElementPlus 中的 useLocale，下面我们介绍下，如何和ElementPlus共存

全局配置 ​

引入 ElementPlusX 中的语言包，然后和 ElementPlus 中的语言包合并下即可

ts
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import zhCnX from 'element-plus-x/es/locale/lang/zh-cn' // 新增代码

app.use(ElementPlus, {
  locale: {
    ...zhCn,
    ...zhCnX, // 扩展一下
  },
})

ConfigProvider ​

ElConfigProvider同样也支持

vue
<template>
  <el-config-provider :locale="locale">
    <app />
  </el-config-provider>
</template>

<script setup lang="ts">
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import zhCnX from 'element-plus-x/es/locale/lang/zh-cn' // 新增代码
const locale = computed(() => ({ ...zhCn, ...zhCnX })) // 新增代码
</script>