diff --git a/packages/vant-cli/site/mobile/index.html b/packages/vant-cli/site/mobile.html
similarity index 92%
rename from packages/vant-cli/site/mobile/index.html
rename to packages/vant-cli/site/mobile.html
index 88ca6475b..a26f74c27 100644
--- a/packages/vant-cli/site/mobile/index.html
+++ b/packages/vant-cli/site/mobile.html
@@ -22,5 +22,6 @@
   </head>
   <body ontouchstart>
     <div id="app"></div>
+    <script type="module" src="/mobile/main.js"></script>
   </body>
 </html>
diff --git a/packages/vant-cli/site/mobile/App.vue b/packages/vant-cli/site/mobile/App.vue
index 33f03f6c0..4048572dc 100644
--- a/packages/vant-cli/site/mobile/App.vue
+++ b/packages/vant-cli/site/mobile/App.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import DemoNav from './components/DemoNav';
+import DemoNav from './components/DemoNav.vue';
 
 export default {
   components: { DemoNav },
diff --git a/packages/vant-cli/site/mobile/components/DemoHome.vue b/packages/vant-cli/site/mobile/components/DemoHome.vue
index 7c7f62562..5b3d3c65b 100644
--- a/packages/vant-cli/site/mobile/components/DemoHome.vue
+++ b/packages/vant-cli/site/mobile/components/DemoHome.vue
@@ -21,7 +21,7 @@
 
 <script>
 import { config } from 'site-mobile-shared';
-import DemoHomeNav from './DemoHomeNav';
+import DemoHomeNav from './DemoHomeNav.vue';
 
 export default {
   components: {
diff --git a/packages/vant-cli/site/mobile/components/DemoHomeNav.vue b/packages/vant-cli/site/mobile/components/DemoHomeNav.vue
index 02d5d28ab..d2377c8c3 100644
--- a/packages/vant-cli/site/mobile/components/DemoHomeNav.vue
+++ b/packages/vant-cli/site/mobile/components/DemoHomeNav.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import ArrowRight from './ArrowRight';
+import ArrowRight from './ArrowRight.vue';
 
 export default {
   components: {
diff --git a/packages/vant-cli/site/mobile/main.js b/packages/vant-cli/site/mobile/main.js
index 59278dfbf..94e9154d7 100644
--- a/packages/vant-cli/site/mobile/main.js
+++ b/packages/vant-cli/site/mobile/main.js
@@ -1,9 +1,9 @@
 import { createApp } from 'vue';
-import DemoBlock from './components/DemoBlock';
-import DemoSection from './components/DemoSection';
+import DemoBlock from './components/DemoBlock.vue';
+import DemoSection from './components/DemoSection.vue';
 import { router } from './router';
 import { packageEntry } from 'site-mobile-shared';
-import App from './App';
+import App from './App.vue';
 import '@vant/touch-emulator';
 
 window.app = createApp(App)
diff --git a/packages/vant-cli/site/mobile/router.js b/packages/vant-cli/site/mobile/router.js
index 476a3c7c7..3c75cf803 100644
--- a/packages/vant-cli/site/mobile/router.js
+++ b/packages/vant-cli/site/mobile/router.js
@@ -1,6 +1,6 @@
 import { watch, nextTick } from 'vue';
 import { createRouter, createWebHashHistory } from 'vue-router';
-import DemoHome from './components/DemoHome';
+import DemoHome from './components/DemoHome.vue';
 import { decamelize } from '../common';
 import { demos, config } from 'site-mobile-shared';
 import { getLang, setDefaultLang } from '../common/locales';
diff --git a/packages/vant-cli/src/compiler/gen-site-desktop-shared.ts b/packages/vant-cli/src/compiler/gen-site-desktop-shared.ts
index a67430507..943f3e5d7 100644
--- a/packages/vant-cli/src/compiler/gen-site-desktop-shared.ts
+++ b/packages/vant-cli/src/compiler/gen-site-desktop-shared.ts
@@ -6,6 +6,7 @@ import {
   getVantConfig,
   smartOutputFile,
   normalizePath,
+  isDev,
 } from '../common';
 import {
   SRC_DIR,
@@ -79,12 +80,13 @@ function resolveDocuments(components: string[]): DocumentItem[] {
 
 function genImportDocuments(items: DocumentItem[]) {
   return items
-    .map(
-      (item) =>
-        `const ${
-          item.name
-        } = defineAsyncComponent(() => import('${normalizePath(item.path)}'));`
-    )
+    .map((item) => {
+      const path = normalizePath(item.path);
+      if (isDev()) {
+        return `const ${item.name} = defineAsyncComponent(() => import('${path}'));`;
+      }
+      return `import ${item.name} from '${path}';`;
+    })
     .join('\n');
 }
 
diff --git a/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts b/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
index 96e1d1dc3..f38a90443 100644
--- a/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
+++ b/packages/vant-cli/src/compiler/gen-site-mobile-shared.ts
@@ -18,7 +18,7 @@ type DemoItem = {
 
 function genInstall() {
   return `import packageEntry from './package-entry';
-import './package-style';
+import './package-style.less';
 `;
 }
 
diff --git a/packages/vant/src/action-bar/demo/index.vue b/packages/vant/src/action-bar/demo/index.vue
index c661d79e7..660eb6456 100644
--- a/packages/vant/src/action-bar/demo/index.vue
+++ b/packages/vant/src/action-bar/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/action-sheet/demo/index.vue b/packages/vant/src/action-sheet/demo/index.vue
index 9d4f03bfe..6270a774b 100644
--- a/packages/vant/src/action-sheet/demo/index.vue
+++ b/packages/vant/src/action-sheet/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { ActionSheetAction } from '..';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/src/address-edit/demo/index.vue b/packages/vant/src/address-edit/demo/index.vue
index 469988211..39e88dcbe 100644
--- a/packages/vant/src/address-edit/demo/index.vue
+++ b/packages/vant/src/address-edit/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { areaList } from '@vant/area-data';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/address-list/demo/index.vue b/packages/vant/src/address-list/demo/index.vue
index a641bfcd1..fccbfd4df 100644
--- a/packages/vant/src/address-list/demo/index.vue
+++ b/packages/vant/src/address-list/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/area/demo/index.vue b/packages/vant/src/area/demo/index.vue
index fa40d6a48..074a97f5b 100644
--- a/packages/vant/src/area/demo/index.vue
+++ b/packages/vant/src/area/demo/index.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import { areaList } from '@vant/area-data';
 import { areaListEn } from './area-en';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/badge/demo/index.vue b/packages/vant/src/badge/demo/index.vue
index 0c76277af..755dfeb1f 100644
--- a/packages/vant/src/badge/demo/index.vue
+++ b/packages/vant/src/badge/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/button/demo/index.vue b/packages/vant/src/button/demo/index.vue
index 0901f978f..8cbe77232 100644
--- a/packages/vant/src/button/demo/index.vue
+++ b/packages/vant/src/button/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/calendar/demo/TiledDisplay.vue b/packages/vant/src/calendar/demo/TiledDisplay.vue
index 05c7eae10..ced2ea4ad 100644
--- a/packages/vant/src/calendar/demo/TiledDisplay.vue
+++ b/packages/vant/src/calendar/demo/TiledDisplay.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const minDate = new Date(2012, 0, 10);
 const maxDate = new Date(2012, 2, 20);
diff --git a/packages/vant/src/calendar/demo/index.vue b/packages/vant/src/calendar/demo/index.vue
index cf5316c69..d5eaf9859 100644
--- a/packages/vant/src/calendar/demo/index.vue
+++ b/packages/vant/src/calendar/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { reactive } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import TiledDisplay from './TiledDisplay.vue';
 import type { CalendarDayItem } from '../types';
 
diff --git a/packages/vant/src/card/demo/index.vue b/packages/vant/src/card/demo/index.vue
index 4652ccd9e..fbdd170f9 100644
--- a/packages/vant/src/card/demo/index.vue
+++ b/packages/vant/src/card/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/cascader/demo/index.vue b/packages/vant/src/cascader/demo/index.vue
index f6b2fa49a..94e3f8760 100644
--- a/packages/vant/src/cascader/demo/index.vue
+++ b/packages/vant/src/cascader/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, reactive } from 'vue';
 import { CascaderOption } from '..';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { deepClone } from '../../utils/deep-clone';
 import zhCNOptions from './area-zh-CN';
 import enUSOptions from './area-en-US';
diff --git a/packages/vant/src/cell/demo/index.vue b/packages/vant/src/cell/demo/index.vue
index 941512fa7..5f034bb6a 100644
--- a/packages/vant/src/cell/demo/index.vue
+++ b/packages/vant/src/cell/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/checkbox/demo/index.vue b/packages/vant/src/checkbox/demo/index.vue
index 2a8302c3d..6cd8f967c 100644
--- a/packages/vant/src/checkbox/demo/index.vue
+++ b/packages/vant/src/checkbox/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, reactive } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { useRefs } from '../../composables/use-refs';
 import type { CheckboxInstance } from '../types';
 import type { CheckboxGroupInstance } from '../../checkbox-group';
diff --git a/packages/vant/src/circle/demo/index.vue b/packages/vant/src/circle/demo/index.vue
index 36bacff5a..17803c0fb 100644
--- a/packages/vant/src/circle/demo/index.vue
+++ b/packages/vant/src/circle/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/col/demo/index.vue b/packages/vant/src/col/demo/index.vue
index 5b49bd100..ec620b618 100644
--- a/packages/vant/src/col/demo/index.vue
+++ b/packages/vant/src/col/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/collapse/demo/index.vue b/packages/vant/src/collapse/demo/index.vue
index 4d542c123..42e612e22 100644
--- a/packages/vant/src/collapse/demo/index.vue
+++ b/packages/vant/src/collapse/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/config-provider/demo/index.vue b/packages/vant/src/config-provider/demo/index.vue
index 885b5e081..8cc4f57f3 100644
--- a/packages/vant/src/config-provider/demo/index.vue
+++ b/packages/vant/src/config-provider/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/contact-card/demo/index.vue b/packages/vant/src/contact-card/demo/index.vue
index 49104c7ee..9d65eba43 100644
--- a/packages/vant/src/contact-card/demo/index.vue
+++ b/packages/vant/src/contact-card/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/contact-edit/demo/index.vue b/packages/vant/src/contact-edit/demo/index.vue
index c5335e773..77c6ba999 100644
--- a/packages/vant/src/contact-edit/demo/index.vue
+++ b/packages/vant/src/contact-edit/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/contact-list/demo/index.vue b/packages/vant/src/contact-list/demo/index.vue
index aa2c89617..7622509f1 100644
--- a/packages/vant/src/contact-list/demo/index.vue
+++ b/packages/vant/src/contact-list/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/count-down/demo/index.vue b/packages/vant/src/count-down/demo/index.vue
index 27d406837..ad7069093 100644
--- a/packages/vant/src/count-down/demo/index.vue
+++ b/packages/vant/src/count-down/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 import type { CountDownInstance } from '../CountDown';
 
diff --git a/packages/vant/src/coupon-list/demo/index.vue b/packages/vant/src/coupon-list/demo/index.vue
index a6eb3c0b2..c4eec0bcc 100644
--- a/packages/vant/src/coupon-list/demo/index.vue
+++ b/packages/vant/src/coupon-list/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { CouponInfo } from '../../coupon';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/src/datetime-picker/demo/index.vue b/packages/vant/src/datetime-picker/demo/index.vue
index 5b0946724..eecfd6695 100644
--- a/packages/vant/src/datetime-picker/demo/index.vue
+++ b/packages/vant/src/datetime-picker/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { reactive } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/dialog/demo/index.vue b/packages/vant/src/dialog/demo/index.vue
index b568f0522..4c7725c29 100644
--- a/packages/vant/src/dialog/demo/index.vue
+++ b/packages/vant/src/dialog/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Dialog } from '..';
 import type { DialogAction } from '../Dialog';
 
diff --git a/packages/vant/src/divider/demo/index.vue b/packages/vant/src/divider/demo/index.vue
index 2613a7a13..0872335dc 100644
--- a/packages/vant/src/divider/demo/index.vue
+++ b/packages/vant/src/divider/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/dropdown-menu/demo/index.vue b/packages/vant/src/dropdown-menu/demo/index.vue
index a90c1f3f3..4a478d058 100644
--- a/packages/vant/src/dropdown-menu/demo/index.vue
+++ b/packages/vant/src/dropdown-menu/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import type { DropdownItemInstance } from '../../dropdown-item';
 
 const t = useTranslate({
diff --git a/packages/vant/src/empty/demo/index.vue b/packages/vant/src/empty/demo/index.vue
index 630f6b486..b24800079 100644
--- a/packages/vant/src/empty/demo/index.vue
+++ b/packages/vant/src/empty/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/Autosize.vue b/packages/vant/src/field/demo/Autosize.vue
index 415506148..99fa474a7 100644
--- a/packages/vant/src/field/demo/Autosize.vue
+++ b/packages/vant/src/field/demo/Autosize.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/BasicUsage.vue b/packages/vant/src/field/demo/BasicUsage.vue
index 1c9c42b19..89718dcc0 100644
--- a/packages/vant/src/field/demo/BasicUsage.vue
+++ b/packages/vant/src/field/demo/BasicUsage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/CustomType.vue b/packages/vant/src/field/demo/CustomType.vue
index becc209fa..0c9bbcb7a 100644
--- a/packages/vant/src/field/demo/CustomType.vue
+++ b/packages/vant/src/field/demo/CustomType.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/Disabled.vue b/packages/vant/src/field/demo/Disabled.vue
index 03fda5b51..997ef2ee2 100644
--- a/packages/vant/src/field/demo/Disabled.vue
+++ b/packages/vant/src/field/demo/Disabled.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/ErrorInfo.vue b/packages/vant/src/field/demo/ErrorInfo.vue
index 66c5f5190..9c8f9ba60 100644
--- a/packages/vant/src/field/demo/ErrorInfo.vue
+++ b/packages/vant/src/field/demo/ErrorInfo.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/FormatValue.vue b/packages/vant/src/field/demo/FormatValue.vue
index 2609d39b4..44d23bedd 100644
--- a/packages/vant/src/field/demo/FormatValue.vue
+++ b/packages/vant/src/field/demo/FormatValue.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/InputAlign.vue b/packages/vant/src/field/demo/InputAlign.vue
index f6611421f..f5edd7e2a 100644
--- a/packages/vant/src/field/demo/InputAlign.vue
+++ b/packages/vant/src/field/demo/InputAlign.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/InsertButton.vue b/packages/vant/src/field/demo/InsertButton.vue
index e38b0caf7..303fa113d 100644
--- a/packages/vant/src/field/demo/InsertButton.vue
+++ b/packages/vant/src/field/demo/InsertButton.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/ShowIcon.vue b/packages/vant/src/field/demo/ShowIcon.vue
index aab62a39c..4fad98624 100644
--- a/packages/vant/src/field/demo/ShowIcon.vue
+++ b/packages/vant/src/field/demo/ShowIcon.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/field/demo/ShowWordLimit.vue b/packages/vant/src/field/demo/ShowWordLimit.vue
index 234fc001f..fd0077208 100644
--- a/packages/vant/src/field/demo/ShowWordLimit.vue
+++ b/packages/vant/src/field/demo/ShowWordLimit.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/form/demo/BasicUsage.vue b/packages/vant/src/form/demo/BasicUsage.vue
index 344a8f13b..cd881fb41 100644
--- a/packages/vant/src/form/demo/BasicUsage.vue
+++ b/packages/vant/src/form/demo/BasicUsage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { FieldValidateError } from '../../field/types';
 
 const t = useTranslate({
diff --git a/packages/vant/src/form/demo/FieldType.vue b/packages/vant/src/form/demo/FieldType.vue
index f6866c842..8c90ee8e2 100644
--- a/packages/vant/src/form/demo/FieldType.vue
+++ b/packages/vant/src/form/demo/FieldType.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import FieldTypeArea from './FieldTypeArea.vue';
 import FieldTypePicker from './FieldTypePicker.vue';
 import FieldTypeCalendar from './FieldTypeCalendar.vue';
diff --git a/packages/vant/src/form/demo/FieldTypeArea.vue b/packages/vant/src/form/demo/FieldTypeArea.vue
index af6e351f1..37814caa0 100644
--- a/packages/vant/src/form/demo/FieldTypeArea.vue
+++ b/packages/vant/src/form/demo/FieldTypeArea.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { areaList } from '@vant/area-data';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { AreaColumnOption } from '../../area';
 import { areaListEn } from '../../area/demo/area-en';
 
diff --git a/packages/vant/src/form/demo/FieldTypeCalendar.vue b/packages/vant/src/form/demo/FieldTypeCalendar.vue
index 698325fc4..faba5cc23 100644
--- a/packages/vant/src/form/demo/FieldTypeCalendar.vue
+++ b/packages/vant/src/form/demo/FieldTypeCalendar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/form/demo/FieldTypeDatetimePicker.vue b/packages/vant/src/form/demo/FieldTypeDatetimePicker.vue
index a155dd3a2..0b0dad88c 100644
--- a/packages/vant/src/form/demo/FieldTypeDatetimePicker.vue
+++ b/packages/vant/src/form/demo/FieldTypeDatetimePicker.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/form/demo/FieldTypePicker.vue b/packages/vant/src/form/demo/FieldTypePicker.vue
index 5c32b1560..99aac9600 100644
--- a/packages/vant/src/form/demo/FieldTypePicker.vue
+++ b/packages/vant/src/form/demo/FieldTypePicker.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/form/demo/ValidateRules.vue b/packages/vant/src/form/demo/ValidateRules.vue
index 1872cef7d..a7948b387 100644
--- a/packages/vant/src/form/demo/ValidateRules.vue
+++ b/packages/vant/src/form/demo/ValidateRules.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { FieldValidateError } from '../../field/types';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/src/grid/demo/index.vue b/packages/vant/src/grid/demo/index.vue
index 48dc69c41..781854306 100644
--- a/packages/vant/src/grid/demo/index.vue
+++ b/packages/vant/src/grid/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/icon/demo/index.vue b/packages/vant/src/icon/demo/index.vue
index 966c1d3ae..3c0c36608 100644
--- a/packages/vant/src/icon/demo/index.vue
+++ b/packages/vant/src/icon/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import icons from '@vant/icons';
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Notify } from '../../notify';
 
 // from https://30secondsofcode.org
diff --git a/packages/vant/src/image-preview/demo/index.vue b/packages/vant/src/image-preview/demo/index.vue
index a75357381..e03964866 100644
--- a/packages/vant/src/image-preview/demo/index.vue
+++ b/packages/vant/src/image-preview/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { ImagePreview, ImagePreviewOptions } from '..';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/src/image/demo/index.vue b/packages/vant/src/image/demo/index.vue
index 4f7d3ccb0..ec753b2ff 100644
--- a/packages/vant/src/image/demo/index.vue
+++ b/packages/vant/src/image/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/index-bar/demo/index.vue b/packages/vant/src/index-bar/demo/index.vue
index 97a1280ef..75f31a960 100644
--- a/packages/vant/src/index-bar/demo/index.vue
+++ b/packages/vant/src/index-bar/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/lazyload/demo/index.vue b/packages/vant/src/lazyload/demo/index.vue
index eafab853c..0651f7488 100644
--- a/packages/vant/src/lazyload/demo/index.vue
+++ b/packages/vant/src/lazyload/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/list/demo/index.vue b/packages/vant/src/list/demo/index.vue
index e34fe514c..57b91f160 100644
--- a/packages/vant/src/list/demo/index.vue
+++ b/packages/vant/src/list/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/loading/demo/index.vue b/packages/vant/src/loading/demo/index.vue
index 1638ba4e1..9fc28ad29 100644
--- a/packages/vant/src/loading/demo/index.vue
+++ b/packages/vant/src/loading/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/nav-bar/demo/index.vue b/packages/vant/src/nav-bar/demo/index.vue
index b0b16364f..6315bef9d 100644
--- a/packages/vant/src/nav-bar/demo/index.vue
+++ b/packages/vant/src/nav-bar/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/notice-bar/demo/index.vue b/packages/vant/src/notice-bar/demo/index.vue
index 6904b55d4..8abbf194d 100644
--- a/packages/vant/src/notice-bar/demo/index.vue
+++ b/packages/vant/src/notice-bar/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/notify/demo/index.vue b/packages/vant/src/notify/demo/index.vue
index f84689e7f..e2cda52c4 100644
--- a/packages/vant/src/notify/demo/index.vue
+++ b/packages/vant/src/notify/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Notify } from '..';
 import { NotifyType } from '../Notify';
 
diff --git a/packages/vant/src/number-keyboard/demo/index.vue b/packages/vant/src/number-keyboard/demo/index.vue
index 07275832c..f48694f10 100644
--- a/packages/vant/src/number-keyboard/demo/index.vue
+++ b/packages/vant/src/number-keyboard/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/overlay/demo/index.vue b/packages/vant/src/overlay/demo/index.vue
index 6d26e4187..ceb858329 100644
--- a/packages/vant/src/overlay/demo/index.vue
+++ b/packages/vant/src/overlay/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/pagination/demo/index.vue b/packages/vant/src/pagination/demo/index.vue
index 090b74cea..2103bd6d5 100644
--- a/packages/vant/src/pagination/demo/index.vue
+++ b/packages/vant/src/pagination/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/password-input/demo/index.vue b/packages/vant/src/password-input/demo/index.vue
index 1cb45f33f..8bc1bc3e3 100644
--- a/packages/vant/src/password-input/demo/index.vue
+++ b/packages/vant/src/password-input/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue';
 import { ComponentInstance } from '../../utils';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/picker/demo/index.vue b/packages/vant/src/picker/demo/index.vue
index a85ca954f..97c196376 100644
--- a/packages/vant/src/picker/demo/index.vue
+++ b/packages/vant/src/picker/demo/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue';
 import { dateColumns, cascadeColumns, cascadeColumnsCustomKey } from './data';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/popover/demo/index.vue b/packages/vant/src/popover/demo/index.vue
index ee58fe4c5..2ad4ddd48 100644
--- a/packages/vant/src/popover/demo/index.vue
+++ b/packages/vant/src/popover/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/popup/demo/index.vue b/packages/vant/src/popup/demo/index.vue
index 90812ad02..c89d284a2 100644
--- a/packages/vant/src/popup/demo/index.vue
+++ b/packages/vant/src/popup/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/progress/demo/index.vue b/packages/vant/src/progress/demo/index.vue
index 76b3a42f9..8a6364f78 100644
--- a/packages/vant/src/progress/demo/index.vue
+++ b/packages/vant/src/progress/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/pull-refresh/demo/index.vue b/packages/vant/src/pull-refresh/demo/index.vue
index 78a904c90..d43b4cf62 100644
--- a/packages/vant/src/pull-refresh/demo/index.vue
+++ b/packages/vant/src/pull-refresh/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/radio/demo/index.vue b/packages/vant/src/radio/demo/index.vue
index 69f8185ed..0b4428050 100644
--- a/packages/vant/src/radio/demo/index.vue
+++ b/packages/vant/src/radio/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/rate/demo/index.vue b/packages/vant/src/rate/demo/index.vue
index 06c042edf..a251ebf38 100644
--- a/packages/vant/src/rate/demo/index.vue
+++ b/packages/vant/src/rate/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/search/demo/index.vue b/packages/vant/src/search/demo/index.vue
index c31c8e139..4eda5bdab 100644
--- a/packages/vant/src/search/demo/index.vue
+++ b/packages/vant/src/search/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/share-sheet/demo/index.vue b/packages/vant/src/share-sheet/demo/index.vue
index 4cbaa406c..1c97457fc 100644
--- a/packages/vant/src/share-sheet/demo/index.vue
+++ b/packages/vant/src/share-sheet/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { ShareSheetOption, ShareSheetOptions } from '..';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/src/sidebar/demo/index.vue b/packages/vant/src/sidebar/demo/index.vue
index cfa327b28..394df6024 100644
--- a/packages/vant/src/sidebar/demo/index.vue
+++ b/packages/vant/src/sidebar/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/skeleton/demo/index.vue b/packages/vant/src/skeleton/demo/index.vue
index 27c70d4e1..3edca167c 100644
--- a/packages/vant/src/skeleton/demo/index.vue
+++ b/packages/vant/src/skeleton/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/slider/demo/index.vue b/packages/vant/src/slider/demo/index.vue
index e5d31dfcb..84c9e02b9 100644
--- a/packages/vant/src/slider/demo/index.vue
+++ b/packages/vant/src/slider/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/stepper/demo/index.vue b/packages/vant/src/stepper/demo/index.vue
index 85ab75e30..0b5bf918e 100644
--- a/packages/vant/src/stepper/demo/index.vue
+++ b/packages/vant/src/stepper/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/steps/demo/index.vue b/packages/vant/src/steps/demo/index.vue
index 9e7fe2ad9..003c53fff 100644
--- a/packages/vant/src/steps/demo/index.vue
+++ b/packages/vant/src/steps/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/sticky/demo/index.vue b/packages/vant/src/sticky/demo/index.vue
index e534e4850..24505ab9e 100644
--- a/packages/vant/src/sticky/demo/index.vue
+++ b/packages/vant/src/sticky/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/style/demo/index.vue b/packages/vant/src/style/demo/index.vue
index eb015567b..63247d171 100644
--- a/packages/vant/src/style/demo/index.vue
+++ b/packages/vant/src/style/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/submit-bar/demo/index.vue b/packages/vant/src/submit-bar/demo/index.vue
index 09079f7bc..75dd89bc9 100644
--- a/packages/vant/src/submit-bar/demo/index.vue
+++ b/packages/vant/src/submit-bar/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/swipe-cell/demo/index.vue b/packages/vant/src/swipe-cell/demo/index.vue
index f80df058c..1578dab55 100644
--- a/packages/vant/src/swipe-cell/demo/index.vue
+++ b/packages/vant/src/swipe-cell/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Dialog } from '../../dialog';
 
 const t = useTranslate({
diff --git a/packages/vant/src/swipe/demo/index.vue b/packages/vant/src/swipe/demo/index.vue
index 8e10df1ce..b34d23008 100644
--- a/packages/vant/src/swipe/demo/index.vue
+++ b/packages/vant/src/swipe/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/switch/demo/index.vue b/packages/vant/src/switch/demo/index.vue
index ee19d9bb7..baf50a523 100644
--- a/packages/vant/src/switch/demo/index.vue
+++ b/packages/vant/src/switch/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Dialog } from '../../dialog';
 
 const t = useTranslate({
diff --git a/packages/vant/src/tab/demo/index.vue b/packages/vant/src/tab/demo/index.vue
index 505738c77..480d105f5 100644
--- a/packages/vant/src/tab/demo/index.vue
+++ b/packages/vant/src/tab/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/tabbar/demo/index.vue b/packages/vant/src/tabbar/demo/index.vue
index 469715404..f7114d83f 100644
--- a/packages/vant/src/tabbar/demo/index.vue
+++ b/packages/vant/src/tabbar/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/tag/demo/index.vue b/packages/vant/src/tag/demo/index.vue
index f04d286e8..57cdbc51e 100644
--- a/packages/vant/src/tag/demo/index.vue
+++ b/packages/vant/src/tag/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
   'zh-CN': {
diff --git a/packages/vant/src/toast/demo/index.vue b/packages/vant/src/toast/demo/index.vue
index 8a268763f..6ab5ca293 100644
--- a/packages/vant/src/toast/demo/index.vue
+++ b/packages/vant/src/toast/demo/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '..';
 import type { LoadingType } from '../../loading';
 
diff --git a/packages/vant/src/tree-select/demo/index.vue b/packages/vant/src/tree-select/demo/index.vue
index 1e0caa95c..fc52b7371 100644
--- a/packages/vant/src/tree-select/demo/index.vue
+++ b/packages/vant/src/tree-select/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { zhCNData } from './data-zh';
 import { enUSData } from './data-en';
 import { deepClone } from '../../utils/deep-clone';
diff --git a/packages/vant/src/uploader/demo/index.vue b/packages/vant/src/uploader/demo/index.vue
index 9376bb9bc..44f170e1e 100644
--- a/packages/vant/src/uploader/demo/index.vue
+++ b/packages/vant/src/uploader/demo/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useTranslate } from '@demo/use-translate';
+import { useTranslate } from '../../../docs/site/use-translate';
 import { UploaderFileListItem } from '../types';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/tsconfig.json b/packages/vant/tsconfig.json
index 6f2985f87..30ac41bd0 100644
--- a/packages/vant/tsconfig.json
+++ b/packages/vant/tsconfig.json
@@ -10,9 +10,6 @@
     "noImplicitThis": true,
     "esModuleInterop": true,
     "moduleResolution": "node",
-    "paths": {
-      "@demo/*": ["docs/site/*"]
-    }
   },
   "include": ["src/**/*", "types/**/*", "docs/**/*", "test/**/*"]
 }
diff --git a/packages/vant/webpack.config.js b/packages/vant/vite.config.js
similarity index 65%
rename from packages/vant/webpack.config.js
rename to packages/vant/vite.config.js
index a0792f558..9105b736c 100644
--- a/packages/vant/webpack.config.js
+++ b/packages/vant/vite.config.js
@@ -1,5 +1,3 @@
-const { join } = require('path');
-
 module.exports = function () {
   if (process.env.BUILD_TARGET === 'package') {
     return {};
@@ -11,10 +9,5 @@ module.exports = function () {
       'site-mobile': ['./docs/site/entry'],
       'site-desktop': ['./docs/site/entry'],
     },
-    resolve: {
-      alias: {
-        '@demo': join(__dirname, 'docs', 'site'),
-      },
-    },
   };
 };
