From fd2be708e4ceadba9fed846d82214af01583f03f Mon Sep 17 00:00:00 2001
From: tolking <qw13131wang@gmail.com>
Date: Tue, 2 Sep 2025 22:14:12 +0800
Subject: [PATCH] docs: the ElDropdown component in the preview webpage cannot
 be use

---
 docs/.vitepress/config/index.mts       |  2 --
 docs/.vitepress/config/vite.ts         | 12 +++++++++++-
 docs/.vitepress/config/vue-compiler.ts |  9 ---------
 3 files changed, 11 insertions(+), 12 deletions(-)
 delete mode 100644 docs/.vitepress/config/vue-compiler.ts

diff --git a/docs/.vitepress/config/index.mts b/docs/.vitepress/config/index.mts
index 00dfe594ad..6120d83fbe 100644
--- a/docs/.vitepress/config/index.mts
+++ b/docs/.vitepress/config/index.mts
@@ -8,7 +8,6 @@ import { nav } from './nav'
 import { mdPlugin } from './plugins'
 import { sidebars } from './sidebars'
 import { getViteConfig } from './vite'
-import { vueCompiler } from './vue-compiler'
 
 import type { UserConfig } from 'vitepress'
 
@@ -79,7 +78,6 @@ const setupConfig = (configEnv) => {
       config: (md) => mdPlugin(md),
     },
     vue: {
-      compiler: vueCompiler,
       template: {
         compilerOptions: {
           hoistStatic: false,
diff --git a/docs/.vitepress/config/vite.ts b/docs/.vitepress/config/vite.ts
index 5ef47e18a9..a2a840dbbd 100644
--- a/docs/.vitepress/config/vite.ts
+++ b/docs/.vitepress/config/vite.ts
@@ -1,5 +1,6 @@
 import path from 'path'
 import Inspect from 'vite-plugin-inspect'
+import VueMacros from 'unplugin-vue-macros/vite'
 import UnoCSS from 'unocss/vite'
 import mkcert from 'vite-plugin-mkcert'
 import glob from 'fast-glob'
@@ -78,7 +79,16 @@ export const getViteConfig = ({ mode }: { mode: string }): ViteConfig => {
       alias,
     },
     plugins: [
-      vueJsx(),
+      VueMacros({
+        setupComponent: false,
+        setupSFC: false,
+        hoistStatic: {
+          exclude: ['./**/*.vue'],
+        },
+        plugins: {
+          vueJsx: vueJsx(),
+        },
+      }) as Plugin[],
 
       // https://github.com/antfu/unplugin-vue-components
       Components({
diff --git a/docs/.vitepress/config/vue-compiler.ts b/docs/.vitepress/config/vue-compiler.ts
deleted file mode 100644
index 779c3b5bbd..0000000000
--- a/docs/.vitepress/config/vue-compiler.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-// TODO: delete this file after upgrading vue in root package.json
-import { createRequire } from 'node:module'
-
-const _require = createRequire(import.meta.url)
-const vitepressPath = _require.resolve('vitepress')
-
-export const vueCompiler = _require(
-  _require.resolve('vue/compiler-sfc', { paths: [vitepressPath] })
-)