docs: the ElDropdown component in the preview webpage cannot be use

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,

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({

docs/.vitepress/config/vue-compiler.ts

@@ -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] })
-)