Switch the Element-Plus language to Chinese in the Vue project

The default Element-Plus language is English, but more people are more accustomed to using Chinese pages, so this article will explain in detail how to switch the Element-Plus language to Chinese in the Vue project.

Just add the following code to App.vue

Official document link

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

<script>
import { defineComponent } from 'vue'
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
export default defineComponent({
  components: {
    ElConfigProvider,
  },
  setup() {
    return {
      locale: zhCn,
    }
  },
})
</script>