vite下的vue3国际化

main.js 下的国际化不起作用

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

//element设置中文
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import 'dayjs/locale/zh-cn'

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

改完官方提供的第二种方式，解决

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

<script setup>
  import { ref } from 'vue'
  import { ElConfigProvider } from 'element-plus'
  import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

  const locale = ref(zhCn)

</script>