element-plus国际化配置

应该说是中文化配置。
环境：

"vue": "^3.2.25",
"element-plus": "^1.2.0-beta.6",
"vite": "^2.7.2",

参考了其官方网站文档，在main.js中加了如下代码：

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'

app.use(ElementPlus, {
  locale: zhCn,
})

没起作用，后来有人说那是ts的，对js没用。于是换用ConfigProvider方法，仍然有问题。最后把这个方法中的defineComponent去掉了，就管用了。App.vue的代码如下：

<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
</script>

<template>
  <el-config-provider :locale="locale">
    <router-view />
  </el-config-provider>
</template>

<script>
// import { defineComponent } from 'vue'
import { ElConfigProvider } from 'element-plus'
 
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
 
export default {
  components: {
    ElConfigProvider
  },
  data() {
    return {
      locale: zhCn
    }
  }
}
</script>