feat: update

Author: coderhyh

.github/workflows/docs.yml

@@ -25,7 +25,7 @@ jobs:
       - name: Install and Build 🔧
         uses: actions/[email protected]
         with:
-          node-version: '16.x'
+          node-version: '18.x'
           cache: pnpm
       - run: pnpm i
       - run: pnpm run docs:build

.vitepress/config.ts

@@ -1,6 +1,9 @@
 import { resolve } from 'node:path'
 import { componentPreview, containerPreview } from '@vitepress-demo-preview/plugin'
 import Unocss from 'unocss/vite'
+import AutoImport from 'unplugin-auto-import/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import Components from 'unplugin-vue-components/vite'
 import { defineConfig } from 'vitepress'
 
 import nav from './nav'
@@ -46,8 +49,18 @@ export default defineConfig({
   vite: {
     resolve: { alias: { 'coding-playground': resolve(__dirname, '../packages') } },
     plugins: [
-      // @ts-expect-error unocss返回类型错误
+      AutoImport({
+        dts: true,
+        resolvers: [ElementPlusResolver()],
+      }),
+      Components({
+        dts: true,
+        resolvers: [ElementPlusResolver()],
+      }),
       Unocss(),
     ],
+    ssr: {
+      noExternal: [/element-plus/],
+    },
   },
 })

auto-imports.d.ts

@@ -0,0 +1,10 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+
+}

components.d.ts

@@ -0,0 +1,13 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+// biome-ignore lint: disable
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+  }
+}

package.json

@@ -43,6 +43,8 @@
     "ts-loader": "^9.5.2",
     "typescript": "^5.8.2",
     "unocss": "^66.0.0",
+    "unplugin-auto-import": "^19.1.1",
+    "unplugin-vue-components": "^28.4.1",
     "vite": "^6.2.2",
     "vitepress": "1.6.3",
     "vue-tsc": "^2.2.8"

packages/performance/useDefer/demo.vue

@@ -15,9 +15,7 @@
 </template>
 
 <script setup lang="ts">
-import { ElSwitch } from 'element-plus'
 import { onMounted, ref, watch } from 'vue'
-import 'element-plus/es/components/switch/style/css'
 
 /**
  * 延迟渲染组件的钩子函数

packages/performance/useDefer/index.md

@@ -6,8 +6,12 @@ Vue3性能优化Hook，用于大量组件的延迟渲染。通过requestAnimatio
 
 ## 示例
 
+<client-only>
+
 :::preview 说明 || useDefer
 
 demo-preview=./demo.vue
 
 :::
+
+</client-only>