diff --git a/docs/.eslintrc.json b/docs/.eslintrc.json
deleted file mode 100644
index 90d8894e28..0000000000
--- a/docs/.eslintrc.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "rules": {}
-}
diff --git a/docs/examples/dialog/customization-header.vue b/docs/examples/dialog/customization-header.vue
index 0d9d532146..ba4502c44f 100644
--- a/docs/examples/dialog/customization-header.vue
+++ b/docs/examples/dialog/customization-header.vue
@@ -18,8 +18,8 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+import { ElButton, ElDialog } from 'element-plus'
 import { CircleCloseFilled } from '@element-plus/icons-vue'
-import type { ElButton, ElDialog } from 'element-plus'
 
 const visible = ref(false)
 </script>
diff --git a/docs/examples/dialog/focus-trapping.vue b/docs/examples/dialog/focus-trapping.vue
index de713aa499..a31bf9c0ac 100644
--- a/docs/examples/dialog/focus-trapping.vue
+++ b/docs/examples/dialog/focus-trapping.vue
@@ -31,7 +31,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
-import type { ElInput } from 'element-plus'
+import { ElInput } from 'element-plus'
 
 const dialogVisible = ref(false)
 const inputRef = ref<InstanceType<typeof ElInput>>()
diff --git a/docs/examples/drawer/customization-content.vue b/docs/examples/drawer/customization-content.vue
index c848e34b70..0c35963b9e 100644
--- a/docs/examples/drawer/customization-content.vue
+++ b/docs/examples/drawer/customization-content.vue
@@ -53,8 +53,7 @@
 
 <script lang="ts" setup>
 import { reactive, ref } from 'vue'
-import { ElMessageBox } from 'element-plus'
-import type { ElDrawer } from 'element-plus'
+import { ElDrawer, ElMessageBox } from 'element-plus'
 
 const formLabelWidth = '80px'
 let timer
diff --git a/docs/examples/drawer/customization-header.vue b/docs/examples/drawer/customization-header.vue
index 5b3702f026..6df09068a8 100644
--- a/docs/examples/drawer/customization-header.vue
+++ b/docs/examples/drawer/customization-header.vue
@@ -16,8 +16,8 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+import { ElButton, ElDrawer } from 'element-plus'
 import { CircleCloseFilled } from '@element-plus/icons-vue'
-import type { ElButton, ElDrawer } from 'element-plus'
 
 const visible = ref(false)
 </script>
diff --git a/docs/examples/scrollbar/manual-scroll.vue b/docs/examples/scrollbar/manual-scroll.vue
index 5843b07a19..9ddfaf55f7 100644
--- a/docs/examples/scrollbar/manual-scroll.vue
+++ b/docs/examples/scrollbar/manual-scroll.vue
@@ -17,7 +17,7 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue'
-import type { ElScrollbar } from 'element-plus'
+import { ElScrollbar } from 'element-plus'
 
 const max = ref(0)
 const value = ref(0)
diff --git a/docs/examples/table/filter.vue b/docs/examples/table/filter.vue
index ea5b80fa27..b0ce36f649 100644
--- a/docs/examples/table/filter.vue
+++ b/docs/examples/table/filter.vue
@@ -43,8 +43,8 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
+import { ElTable } from 'element-plus'
 import type { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults'
-import type { ElTable } from 'element-plus'
 
 interface User {
   date: string
diff --git a/docs/examples/table/multi-select.vue b/docs/examples/table/multi-select.vue
index d3538a2bcd..cdaa63b163 100644
--- a/docs/examples/table/multi-select.vue
+++ b/docs/examples/table/multi-select.vue
@@ -22,7 +22,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
-import type { ElTable } from 'element-plus'
+import { ElTable } from 'element-plus'
 
 interface User {
   date: string
diff --git a/docs/examples/table/single-select.vue b/docs/examples/table/single-select.vue
index 84b5c8871e..4f8ad34b18 100644
--- a/docs/examples/table/single-select.vue
+++ b/docs/examples/table/single-select.vue
@@ -19,7 +19,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
-import type { ElTable } from 'element-plus'
+import { ElTable } from 'element-plus'
 
 interface User {
   date: string
diff --git a/docs/examples/tag/editable.vue b/docs/examples/tag/editable.vue
index dadfdef48e..edfb049145 100644
--- a/docs/examples/tag/editable.vue
+++ b/docs/examples/tag/editable.vue
@@ -25,7 +25,7 @@
 
 <script lang="ts" setup>
 import { nextTick, ref } from 'vue'
-import type { ElInput } from 'element-plus'
+import { ElInput } from 'element-plus'
 
 const inputValue = ref('')
 const dynamicTags = ref(['Tag 1', 'Tag 2', 'Tag 3'])
diff --git a/docs/examples/tree-v2/filter.vue b/docs/examples/tree-v2/filter.vue
index 0bdd119e42..d82d7bc258 100644
--- a/docs/examples/tree-v2/filter.vue
+++ b/docs/examples/tree-v2/filter.vue
@@ -14,8 +14,8 @@
 </template>
 <script lang="ts" setup>
 import { ref } from 'vue'
+import { ElTreeV2 } from 'element-plus'
 import type { TreeNode } from 'element-plus/es/components/tree-v2/src/types'
-import type { ElTreeV2 } from 'element-plus'
 
 interface Tree {
   id: string
diff --git a/docs/examples/tree/checking-tree.vue b/docs/examples/tree/checking-tree.vue
index 6b23e125a4..cb499c105b 100644
--- a/docs/examples/tree/checking-tree.vue
+++ b/docs/examples/tree/checking-tree.vue
@@ -20,7 +20,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
-import type { ElTree } from 'element-plus'
+import { ElTree } from 'element-plus'
 import type Node from 'element-plus/es/components/tree/src/model/node'
 
 interface Tree {
diff --git a/docs/examples/tree/filtering.vue b/docs/examples/tree/filtering.vue
index 7d7a480cef..3a62aeace8 100644
--- a/docs/examples/tree/filtering.vue
+++ b/docs/examples/tree/filtering.vue
@@ -13,7 +13,7 @@
 
 <script lang="ts" setup>
 import { ref, watch } from 'vue'
-import type { ElTree } from 'element-plus'
+import { ElTree } from 'element-plus'
 
 interface Tree {
   id: number
diff --git a/internal/eslint-config/index.js b/internal/eslint-config/index.js
index 03a48f836c..be96f56ad0 100644
--- a/internal/eslint-config/index.js
+++ b/internal/eslint-config/index.js
@@ -201,6 +201,8 @@ module.exports = defineConfig({
     'vue/require-default-prop': 'off',
     'vue/require-explicit-emits': 'off',
     'vue/multi-word-component-names': 'off',
+    'vue/prefer-import-from-vue': 'off',
+    'vue/no-v-text-v-html-on-component': 'off',
     'vue/html-self-closing': [
       'error',
       {
diff --git a/internal/eslint-config/package.json b/internal/eslint-config/package.json
index 4c213f4321..05b13098e0 100644
--- a/internal/eslint-config/package.json
+++ b/internal/eslint-config/package.json
@@ -24,7 +24,7 @@
     "eslint-plugin-markdown": "^2.2.1",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-unicorn": "^42.0.0",
-    "eslint-plugin-vue": "^8.7.1",
+    "eslint-plugin-vue": "^9.0.1",
     "jsonc-eslint-parser": "^2.1.0",
     "prettier": "^2.6.2",
     "typescript": "^4.6.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index badf3f63ef..c4d7a40f87 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -193,7 +193,7 @@ importers:
       '@vueuse/core': 8.5.0_vue@3.2.33
       axios: 0.27.2
       clipboard-copy: 4.0.1
-      element-plus: 2.2.0_vue@3.2.33
+      element-plus: 2.2.1_vue@3.2.33
       markdown-it: 13.0.1
       normalize.css: 8.0.1
       nprogress: 0.2.0
@@ -307,7 +307,7 @@ importers:
       eslint-plugin-markdown: ^2.2.1
       eslint-plugin-prettier: ^4.0.0
       eslint-plugin-unicorn: ^42.0.0
-      eslint-plugin-vue: ^8.7.1
+      eslint-plugin-vue: ^9.0.1
       jsonc-eslint-parser: ^2.1.0
       prettier: ^2.6.2
       typescript: ^4.6.4
@@ -323,7 +323,7 @@ importers:
       eslint-plugin-markdown: 2.2.1_eslint@8.15.0
       eslint-plugin-prettier: 4.0.0_iqftbjqlxzn3ny5nablrkczhqi
       eslint-plugin-unicorn: 42.0.0_eslint@8.15.0
-      eslint-plugin-vue: 8.7.1_eslint@8.15.0
+      eslint-plugin-vue: 9.0.1_eslint@8.15.0
       jsonc-eslint-parser: 2.1.0
       prettier: 2.6.2
       typescript: 4.6.4
@@ -2036,20 +2036,10 @@ packages:
       - supports-color
     dev: true
 
-  /@floating-ui/core/0.6.2:
-    resolution: {integrity: sha512-jktYRmZwmau63adUG3GKOAVCofBXkk55S/zQ94XOorAHhwqFIOFAy1rSp2N0Wp6/tGbe9V3u/ExlGZypyY17rg==}
-    dev: false
-
   /@floating-ui/core/0.7.0:
     resolution: {integrity: sha512-W7+i5Suhhvv97WDTW//KqUA43f/2a4abprM1rWqtLM9lIlJ29tbFI8h232SvqunXon0WmKNEKVjbOsgBhTnbLw==}
     dev: false
 
-  /@floating-ui/dom/0.4.5:
-    resolution: {integrity: sha512-b+prvQgJt8pieaKYMSJBXHxX/DYwdLsAWxKYqnO5dO2V4oo/TYBZJAUQCVNjTWWsrs6o4VDrNcP9+E70HAhJdw==}
-    dependencies:
-      '@floating-ui/core': 0.6.2
-    dev: false
-
   /@floating-ui/dom/0.5.0:
     resolution: {integrity: sha512-PS75dnMg4GdWjDFOiOs15cDzYJpukRNHqQn0ugrBlsrpk2n+y8bwZ24XrsdLSL7kxshmxxr2nTNycLnmRIvV7g==}
     dependencies:
@@ -5180,14 +5170,14 @@ packages:
   /electron-to-chromium/1.4.137:
     resolution: {integrity: sha512-0Rcpald12O11BUogJagX3HsCN3FE83DSqWjgXoHo5a72KUKMSfI39XBgJpgNNxS9fuGzytaFjE06kZkiVFy2qA==}
 
-  /element-plus/2.2.0_vue@3.2.33:
-    resolution: {integrity: sha512-zxmAFEAa1T/n09rR+NozXcWl5CjaFtqoaxhFSafag0dgc90tgEHitDXfegdFAl4ahugdNTqu9aLzngx3VhDAtA==}
+  /element-plus/2.2.1_vue@3.2.33:
+    resolution: {integrity: sha512-+U3Rq6S2lrzgFWlO1IvqBRtWuOGfyA84OSJOTDC8DHG6XkbNE507Thueb+9Ghk8eIqjGtpvje5hEQRWOJ85+pA==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
       '@ctrl/tinycolor': 3.4.1
       '@element-plus/icons-vue': 1.1.4_vue@3.2.33
-      '@floating-ui/dom': 0.4.5
+      '@floating-ui/dom': 0.5.0
       '@popperjs/core': /@sxzz/popperjs-es/2.11.7
       '@types/lodash': 4.14.182
       '@types/lodash-es': 4.17.6
@@ -5854,9 +5844,9 @@ packages:
       strip-indent: 3.0.0
     dev: false
 
-  /eslint-plugin-vue/8.7.1_eslint@8.15.0:
-    resolution: {integrity: sha512-28sbtm4l4cOzoO1LtzQPxfxhQABararUb1JtqusQqObJpWX2e/gmVyeYVfepizPFne0Q5cILkYGiBoV36L12Wg==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /eslint-plugin-vue/9.0.1_eslint@8.15.0:
+    resolution: {integrity: sha512-/w/9/vzz+4bSYtp5UqXgJ0CfycXTMtpp6lkz7/fMp0CcJxPWyRP6Pr88ihhrsNEcVt2ZweMupWRNYa+5Md41LQ==}
+    engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
     dependencies:
@@ -5866,7 +5856,8 @@ packages:
       nth-check: 2.0.1
       postcss-selector-parser: 6.0.10
       semver: 7.3.7
-      vue-eslint-parser: 8.3.0_eslint@8.15.0
+      vue-eslint-parser: 9.0.2_eslint@8.15.0
+      xml-name-validator: 4.0.0
     transitivePeerDependencies:
       - supports-color
     dev: false
@@ -11252,9 +11243,9 @@ packages:
       vue: 3.2.33
     dev: false
 
-  /vue-eslint-parser/8.3.0_eslint@8.15.0:
-    resolution: {integrity: sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+  /vue-eslint-parser/9.0.2_eslint@8.15.0:
+    resolution: {integrity: sha512-uCPQwTGjOtAYrwnU+76pYxalhjsh7iFBsHwBqDHiOPTxtICDaraO4Szw54WFTNZTAEsgHHzqFOu1mmnBOBRzDA==}
+    engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: '>=6.0.0'
     dependencies:
@@ -11635,6 +11626,11 @@ packages:
     resolution: {integrity: sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==}
     dev: true
 
+  /xml-name-validator/4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+    dev: false
+
   /xml2js/0.4.19:
     resolution: {integrity: sha512-esZnJZJOiJR9wWKMyuvSE1y6Dq5LCuJanqhxslH2bxM6duahNZ+HMpCLhBQGZkbX6xRf8x1Y2eJlgt2q3qo49Q==}
     dependencies: