diff --git a/packages/theme-chalk/src/config-provider.scss b/packages/theme-chalk/src/config-provider.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/website/docs/en-US/i18n.md b/website/docs/en-US/i18n.md
index 68b70f0351..ea44b36664 100644
--- a/website/docs/en-US/i18n.md
+++ b/website/docs/en-US/i18n.md
@@ -22,13 +22,13 @@ If your project is still using `Options API`, then we suggest you to use it this
 </template>
 
 <script>
-import { ConfigProvider } from 'element-plus'
+import { ElConfigProvider } from 'element-plus'
 
-import fr from 'element-plus/lib/locale/fr'
+import fr from 'element-plus/lib/locale/lang/fr'
 
 defineComponent({
   components: {
-    [ConfigProvider.name]: ConfigProvider,
+    [ElConfigProvider.name]: ElConfigProvider,
   },
   data() {
     return {
diff --git a/website/docs/es/i18n.md b/website/docs/es/i18n.md
index 9f48122a3a..413693b1dd 100644
--- a/website/docs/es/i18n.md
+++ b/website/docs/es/i18n.md
@@ -24,13 +24,13 @@ If your project is still using `Options API`, then we suggest you to use it this
 </template>
 
 <script>
-import { ConfigProvider } from 'element-plus'
+import { ElConfigProvider } from 'element-plus'
 
-import es from 'element-plus/lib/locale/es'
+import es from 'element-plus/lib/locale/lang/es'
 
 defineComponent({
   components: {
-    [ConfigProvider.name]: ConfigProvider,
+    [ElConfigProvider.name]: ElConfigProvider,
   },
   data() {
     return {
diff --git a/website/docs/fr-FR/i18n.md b/website/docs/fr-FR/i18n.md
index 5121b6d10a..4467bfc52b 100644
--- a/website/docs/fr-FR/i18n.md
+++ b/website/docs/fr-FR/i18n.md
@@ -24,13 +24,13 @@ If your project is still using `Options API`, then we suggest you to use it this
 </template>
 
 <script>
-import { ConfigProvider } from 'element-plus'
+import { ElConfigProvider } from 'element-plus'
 
-import en from 'element-plus/lib/locale/en'
+import en from 'element-plus/lib/locale/lang/en'
 
 defineComponent({
   components: {
-    [ConfigProvider.name]: ConfigProvider,
+    [ElConfigProvider.name]: ElConfigProvider,
   },
   data() {
     return {
diff --git a/website/docs/jp/i18n.md b/website/docs/jp/i18n.md
index 2c501253b4..9d12de332d 100644
--- a/website/docs/jp/i18n.md
+++ b/website/docs/jp/i18n.md
@@ -22,13 +22,13 @@ If your project is still using `Options API`, then we suggest you to use it this
 </template>
 
 <script>
-import { ConfigProvider } from 'element-plus'
+import { ElConfigProvider } from 'element-plus'
 
-import ja from 'element-plus/lib/locale/ja'
+import ja from 'element-plus/lib/locale/lang/ja'
 
 defineComponent({
   components: {
-    [ConfigProvider.name]: ConfigProvider,
+    [ElConfigProvider.name]: ElConfigProvider,
   },
   data() {
     return {
diff --git a/website/docs/zh-CN/i18n.md b/website/docs/zh-CN/i18n.md
index ea25884533..6374eee5c3 100644
--- a/website/docs/zh-CN/i18n.md
+++ b/website/docs/zh-CN/i18n.md
@@ -21,13 +21,13 @@ Element Plus 组件内部默认使用英语，若希望使用其他语言，则
 </template>
 
 <script>
-import { ConfigProvider } from 'element-plus'
+import { ElConfigProvider } from 'element-plus'
 
-import zhCn from 'element-plus/lib/locale/zh-cn'
+import zhCn from 'element-plus/lib/locale/lang/zh-cn'
 
 defineComponent({
   components: {
-    [ConfigProvider.name]: ConfigProvider,
+    [ElConfigProvider.name]: ElConfigProvider,
   },
   data() {
     return {