From 911d0669deca63dd6c9f9b268177904db6d8a48b Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 5 Sep 2021 16:14:22 +0800
Subject: [PATCH] refactor(@vant/cli): remove component auto registration

---
 packages/vant-cli/site/mobile/main.js            | 2 --
 packages/vant/src/action-bar/demo/index.vue      | 3 +++
 packages/vant/src/action-sheet/demo/index.vue    | 3 ++-
 packages/vant/src/address-edit/demo/index.vue    | 1 +
 packages/vant/src/address-list/demo/index.vue    | 1 +
 packages/vant/src/area/demo/index.vue            | 1 +
 packages/vant/src/badge/demo/index.vue           | 2 ++
 packages/vant/src/button/demo/index.vue          | 1 +
 packages/vant/src/calendar/demo/index.vue        | 2 ++
 packages/vant/src/card/demo/index.vue            | 3 +++
 packages/vant/src/cascader/demo/index.vue        | 4 +++-
 packages/vant/src/cell/demo/index.vue            | 4 ++++
 packages/vant/src/checkbox/demo/index.vue        | 5 +++++
 packages/vant/src/circle/demo/index.vue          | 2 ++
 packages/vant/src/col/demo/index.vue             | 2 ++
 packages/vant/src/collapse/demo/index.vue        | 3 +++
 packages/vant/src/config-provider/demo/index.vue | 6 ++++++
 packages/vant/src/contact-card/demo/index.vue    | 1 +
 packages/vant/src/contact-edit/demo/index.vue    | 1 +
 packages/vant/src/contact-list/demo/index.vue    | 1 +
 packages/vant/src/count-down/demo/index.vue      | 3 +++
 packages/vant/src/coupon-list/demo/index.vue     | 3 +++
 packages/vant/src/datetime-picker/demo/index.vue | 1 +
 packages/vant/src/dialog/demo/index.vue          | 5 ++++-
 packages/vant/src/divider/demo/index.vue         | 1 +
 packages/vant/src/dropdown-menu/demo/index.vue   | 5 +++++
 packages/vant/src/empty/demo/index.vue           | 4 ++++
 packages/vant/src/grid/demo/index.vue            | 3 +++
 packages/vant/src/icon/demo/index.vue            | 5 +++++
 packages/vant/src/image-preview/demo/index.vue   | 3 ++-
 packages/vant/src/image/demo/index.vue           | 4 ++++
 packages/vant/src/index-bar/demo/index.vue       | 5 +++++
 packages/vant/src/list/demo/index.vue            | 5 +++++
 packages/vant/src/loading/demo/index.vue         | 1 +
 packages/vant/src/nav-bar/demo/index.vue         | 2 ++
 packages/vant/src/notice-bar/demo/index.vue      | 3 +++
 packages/vant/src/notify/demo/index.vue          | 6 +++++-
 packages/vant/src/number-keyboard/demo/index.vue | 3 +++
 packages/vant/src/overlay/demo/index.vue         | 2 ++
 packages/vant/src/pagination/demo/index.vue      | 2 ++
 packages/vant/src/password-input/demo/index.vue  | 2 ++
 packages/vant/src/picker/demo/index.vue          | 3 +++
 packages/vant/src/popover/demo/index.vue         | 7 +++++++
 packages/vant/src/popup/demo/index.vue           | 2 ++
 packages/vant/src/progress/demo/index.vue        | 2 ++
 packages/vant/src/pull-refresh/demo/index.vue    | 3 +++
 packages/vant/src/radio/demo/index.vue           | 4 ++++
 packages/vant/src/rate/demo/index.vue            | 1 +
 packages/vant/src/search/demo/index.vue          | 1 +
 packages/vant/src/share-sheet/demo/index.vue     | 3 ++-
 packages/vant/src/sidebar/demo/index.vue         | 4 ++++
 packages/vant/src/skeleton/demo/index.vue        | 2 ++
 packages/vant/src/slider/demo/index.vue          | 1 +
 packages/vant/src/stepper/demo/index.vue         | 2 ++
 packages/vant/src/steps/demo/index.vue           | 3 +++
 packages/vant/src/sticky/demo/index.vue          | 2 ++
 packages/vant/src/style/demo/index.vue           | 1 +
 packages/vant/src/submit-bar/demo/index.vue      | 2 ++
 packages/vant/src/swipe-cell/demo/index.vue      | 4 ++++
 packages/vant/src/swipe/demo/index.vue           | 2 ++
 packages/vant/src/switch/demo/index.vue          | 2 ++
 packages/vant/src/tab/demo/index.vue             | 3 +++
 packages/vant/src/tabbar/demo/index.vue          | 2 ++
 packages/vant/src/tag/demo/index.vue             | 2 ++
 packages/vant/src/toast/demo/index.vue           | 1 +
 packages/vant/src/tree-select/demo/index.vue     | 2 ++
 packages/vant/src/uploader/demo/index.vue        | 2 ++
 packages/vant/test/demo.ts                       | 2 +-
 68 files changed, 172 insertions(+), 9 deletions(-)

diff --git a/packages/vant-cli/site/mobile/main.js b/packages/vant-cli/site/mobile/main.js
index 94e9154d7..adb8a450d 100644
--- a/packages/vant-cli/site/mobile/main.js
+++ b/packages/vant-cli/site/mobile/main.js
@@ -2,13 +2,11 @@ import { createApp } from 'vue';
 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.vue';
 import '@vant/touch-emulator';
 
 window.app = createApp(App)
   .use(router)
-  .use(packageEntry)
   .component(DemoBlock.name, DemoBlock)
   .component(DemoSection.name, DemoSection);
 
diff --git a/packages/vant/src/action-bar/demo/index.vue b/packages/vant/src/action-bar/demo/index.vue
index 660eb6456..e500db8ee 100644
--- a/packages/vant/src/action-bar/demo/index.vue
+++ b/packages/vant/src/action-bar/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanActionBar from '..';
+import VanActionBarIcon from '../../action-bar-icon';
+import VanActionBarButton from '../../action-bar-button';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/src/action-sheet/demo/index.vue b/packages/vant/src/action-sheet/demo/index.vue
index 6270a774b..89f571698 100644
--- a/packages/vant/src/action-sheet/demo/index.vue
+++ b/packages/vant/src/action-sheet/demo/index.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
+import VanActionSheet, { ActionSheetAction } from '..';
 import { ref, computed } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
-import { ActionSheetAction } from '..';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/address-edit/demo/index.vue b/packages/vant/src/address-edit/demo/index.vue
index 39e88dcbe..df907b623 100644
--- a/packages/vant/src/address-edit/demo/index.vue
+++ b/packages/vant/src/address-edit/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanAddressEdit from '..';
 import { ref } from 'vue';
 import { areaList } from '@vant/area-data';
 import { useTranslate } from '../../../docs/site/use-translate';
diff --git a/packages/vant/src/address-list/demo/index.vue b/packages/vant/src/address-list/demo/index.vue
index fccbfd4df..2ed2ae7a9 100644
--- a/packages/vant/src/address-list/demo/index.vue
+++ b/packages/vant/src/address-list/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanAddressList from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/area/demo/index.vue b/packages/vant/src/area/demo/index.vue
index 074a97f5b..e63f7c2e6 100644
--- a/packages/vant/src/area/demo/index.vue
+++ b/packages/vant/src/area/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanArea from '..';
 import { ref } from 'vue';
 import { areaList } from '@vant/area-data';
 import { areaListEn } from './area-en';
diff --git a/packages/vant/src/badge/demo/index.vue b/packages/vant/src/badge/demo/index.vue
index 755dfeb1f..64d1fe52c 100644
--- a/packages/vant/src/badge/demo/index.vue
+++ b/packages/vant/src/badge/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanBadge from '..';
+import VanIcon from '../../icon';
 import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
diff --git a/packages/vant/src/button/demo/index.vue b/packages/vant/src/button/demo/index.vue
index 8cbe77232..a4cf8946c 100644
--- a/packages/vant/src/button/demo/index.vue
+++ b/packages/vant/src/button/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanButton from '..';
 import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
diff --git a/packages/vant/src/calendar/demo/index.vue b/packages/vant/src/calendar/demo/index.vue
index d5eaf9859..a517c42ba 100644
--- a/packages/vant/src/calendar/demo/index.vue
+++ b/packages/vant/src/calendar/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
+import VanCalendar from '..';
 import { reactive } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import TiledDisplay from './TiledDisplay.vue';
diff --git a/packages/vant/src/card/demo/index.vue b/packages/vant/src/card/demo/index.vue
index fbdd170f9..3e5b50348 100644
--- a/packages/vant/src/card/demo/index.vue
+++ b/packages/vant/src/card/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanCard from '..';
+import VanTag from '../../tag';
+import VanButton from '../../button';
 import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
diff --git a/packages/vant/src/cascader/demo/index.vue b/packages/vant/src/cascader/demo/index.vue
index 94e3f8760..029e4cef6 100644
--- a/packages/vant/src/cascader/demo/index.vue
+++ b/packages/vant/src/cascader/demo/index.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
+import VanField from '../../field';
+import VanPopup from '../../popup';
+import VanCascader, { CascaderOption } from '..';
 import { computed, reactive } from 'vue';
-import { CascaderOption } from '..';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { deepClone } from '../../utils/deep-clone';
 import zhCNOptions from './area-zh-CN';
diff --git a/packages/vant/src/cell/demo/index.vue b/packages/vant/src/cell/demo/index.vue
index 5f034bb6a..617a6c6a1 100644
--- a/packages/vant/src/cell/demo/index.vue
+++ b/packages/vant/src/cell/demo/index.vue
@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import VanCellGroup from '../../cell-group';
+import VanCell from '..';
+import VanTag from '../../tag';
+import VanIcon from '../../icon';
 import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
diff --git a/packages/vant/src/checkbox/demo/index.vue b/packages/vant/src/checkbox/demo/index.vue
index 6cd8f967c..b7445728b 100644
--- a/packages/vant/src/checkbox/demo/index.vue
+++ b/packages/vant/src/checkbox/demo/index.vue
@@ -1,4 +1,9 @@
 <script setup lang="ts">
+import VanCheckbox from '..';
+import VanCheckboxGroup from '../../checkbox-group';
+import VanButton from '../../button';
+import VanCellGroup from '../../cell-group';
+import VanCell from '../../cell';
 import { ref, reactive } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { useRefs } from '../../composables/use-refs';
diff --git a/packages/vant/src/circle/demo/index.vue b/packages/vant/src/circle/demo/index.vue
index 17803c0fb..e88fd6d1e 100644
--- a/packages/vant/src/circle/demo/index.vue
+++ b/packages/vant/src/circle/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanCircle from '..';
+import VanButton from '../../button';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/col/demo/index.vue b/packages/vant/src/col/demo/index.vue
index ec620b618..d31ae7d16 100644
--- a/packages/vant/src/col/demo/index.vue
+++ b/packages/vant/src/col/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanRow from '../../row';
+import VanCol from '..';
 import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
diff --git a/packages/vant/src/collapse/demo/index.vue b/packages/vant/src/collapse/demo/index.vue
index 42e612e22..e0d69a050 100644
--- a/packages/vant/src/collapse/demo/index.vue
+++ b/packages/vant/src/collapse/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanCollapse from '..';
+import VanCollapseItem from '../../collapse-item';
+import VanIcon from '../../icon';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/config-provider/demo/index.vue b/packages/vant/src/config-provider/demo/index.vue
index 8cc4f57f3..d7df1c003 100644
--- a/packages/vant/src/config-provider/demo/index.vue
+++ b/packages/vant/src/config-provider/demo/index.vue
@@ -1,4 +1,10 @@
 <script setup lang="ts">
+import VanForm from '../../form';
+import VanField from '../../field';
+import VanRate from '../../rate';
+import VanSlider from '../../slider';
+import VanButton from '../../button';
+import VanConfigProvider from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/contact-card/demo/index.vue b/packages/vant/src/contact-card/demo/index.vue
index 9d65eba43..d463d47da 100644
--- a/packages/vant/src/contact-card/demo/index.vue
+++ b/packages/vant/src/contact-card/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanContactCard from '..';
 import { computed } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/contact-edit/demo/index.vue b/packages/vant/src/contact-edit/demo/index.vue
index 77c6ba999..7e36f7ee8 100644
--- a/packages/vant/src/contact-edit/demo/index.vue
+++ b/packages/vant/src/contact-edit/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanContactEdit from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/contact-list/demo/index.vue b/packages/vant/src/contact-list/demo/index.vue
index 7622509f1..e485504a7 100644
--- a/packages/vant/src/contact-list/demo/index.vue
+++ b/packages/vant/src/contact-list/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanContactList from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/count-down/demo/index.vue b/packages/vant/src/count-down/demo/index.vue
index ad7069093..9e9fcc424 100644
--- a/packages/vant/src/count-down/demo/index.vue
+++ b/packages/vant/src/count-down/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanCountDown from '..';
+import VanGrid from '../../grid';
+import VanGridItem from '../../grid-item';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/coupon-list/demo/index.vue b/packages/vant/src/coupon-list/demo/index.vue
index c4eec0bcc..44c263577 100644
--- a/packages/vant/src/coupon-list/demo/index.vue
+++ b/packages/vant/src/coupon-list/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanCouponCell from '../../coupon-cell';
+import VanPopup from '../../popup';
+import VanCouponList from '..';
 import { ref, computed } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { CouponInfo } from '../../coupon';
diff --git a/packages/vant/src/datetime-picker/demo/index.vue b/packages/vant/src/datetime-picker/demo/index.vue
index eecfd6695..1b3dd17a1 100644
--- a/packages/vant/src/datetime-picker/demo/index.vue
+++ b/packages/vant/src/datetime-picker/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanDatetimePicker from '..';
 import { reactive } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/dialog/demo/index.vue b/packages/vant/src/dialog/demo/index.vue
index 4c7725c29..3ac5f1dbe 100644
--- a/packages/vant/src/dialog/demo/index.vue
+++ b/packages/vant/src/dialog/demo/index.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
+import { Dialog } from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
-import { Dialog } from '..';
 import type { DialogAction } from '../Dialog';
 
+const VanDialog = Dialog.Component;
+
 const t = useTranslate({
   'zh-CN': {
     title: '标题',
diff --git a/packages/vant/src/divider/demo/index.vue b/packages/vant/src/divider/demo/index.vue
index 0872335dc..f3d481db2 100644
--- a/packages/vant/src/divider/demo/index.vue
+++ b/packages/vant/src/divider/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanDivider from '..';
 import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
diff --git a/packages/vant/src/dropdown-menu/demo/index.vue b/packages/vant/src/dropdown-menu/demo/index.vue
index 4a478d058..828ffbba3 100644
--- a/packages/vant/src/dropdown-menu/demo/index.vue
+++ b/packages/vant/src/dropdown-menu/demo/index.vue
@@ -1,4 +1,9 @@
 <script setup lang="ts">
+import VanDropdownMenu from '..';
+import VanDropdownItem from '../../dropdown-item';
+import VanCell from '../../cell';
+import VanSwitch from '../../switch';
+import VanButton from '../../button';
 import { computed, ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import type { DropdownItemInstance } from '../../dropdown-item';
diff --git a/packages/vant/src/empty/demo/index.vue b/packages/vant/src/empty/demo/index.vue
index b24800079..49bb0997a 100644
--- a/packages/vant/src/empty/demo/index.vue
+++ b/packages/vant/src/empty/demo/index.vue
@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import VanEmpty from '..';
+import VanTabs from '../../tabs';
+import VanTab from '../../tab';
+import VanButton from '../../button';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/grid/demo/index.vue b/packages/vant/src/grid/demo/index.vue
index 781854306..c1a621158 100644
--- a/packages/vant/src/grid/demo/index.vue
+++ b/packages/vant/src/grid/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanGrid from '..';
+import VanGridItem from '../../grid-item';
+import VanImage from '../../image';
 import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
diff --git a/packages/vant/src/icon/demo/index.vue b/packages/vant/src/icon/demo/index.vue
index 3c0c36608..c73277a54 100644
--- a/packages/vant/src/icon/demo/index.vue
+++ b/packages/vant/src/icon/demo/index.vue
@@ -1,4 +1,9 @@
 <script setup lang="ts">
+import VanIcon from '..';
+import VanTabs from '../../tabs';
+import VanTab from '../../tab';
+import VanRow from '../../row';
+import VanCol from '../../col';
 import icons from '@vant/icons';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
diff --git a/packages/vant/src/image-preview/demo/index.vue b/packages/vant/src/image-preview/demo/index.vue
index e03964866..8e0a7b0dc 100644
--- a/packages/vant/src/image-preview/demo/index.vue
+++ b/packages/vant/src/image-preview/demo/index.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
+import VanImagePreview, { ImagePreview, ImagePreviewOptions } from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
-import { ImagePreview, ImagePreviewOptions } from '..';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/image/demo/index.vue b/packages/vant/src/image/demo/index.vue
index ec753b2ff..59b44e5c3 100644
--- a/packages/vant/src/image/demo/index.vue
+++ b/packages/vant/src/image/demo/index.vue
@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import VanRow from '../../row';
+import VanImage from '..';
+import VanCol from '../../col';
+import VanLoading from '../../loading';
 import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
diff --git a/packages/vant/src/index-bar/demo/index.vue b/packages/vant/src/index-bar/demo/index.vue
index 75f31a960..d70e60406 100644
--- a/packages/vant/src/index-bar/demo/index.vue
+++ b/packages/vant/src/index-bar/demo/index.vue
@@ -1,4 +1,9 @@
 <script setup lang="ts">
+import VanTabs from '../../tabs';
+import VanTab from '../../tab';
+import VanIndexBar from '..';
+import VanIndexAnchor from '../../index-anchor';
+import VanCell from '../../cell';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/list/demo/index.vue b/packages/vant/src/list/demo/index.vue
index 57b91f160..70cbb83b8 100644
--- a/packages/vant/src/list/demo/index.vue
+++ b/packages/vant/src/list/demo/index.vue
@@ -1,4 +1,9 @@
 <script setup lang="ts">
+import VanTabs from '../../tabs';
+import VanTab from '../../tab';
+import VanList from '..';
+import VanCell from '../../cell';
+import VanPullRefresh from '../../pull-refresh';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/loading/demo/index.vue b/packages/vant/src/loading/demo/index.vue
index 9fc28ad29..521c96221 100644
--- a/packages/vant/src/loading/demo/index.vue
+++ b/packages/vant/src/loading/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanLoading from '..';
 import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
diff --git a/packages/vant/src/nav-bar/demo/index.vue b/packages/vant/src/nav-bar/demo/index.vue
index 6315bef9d..38b7b2e11 100644
--- a/packages/vant/src/nav-bar/demo/index.vue
+++ b/packages/vant/src/nav-bar/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanNavBar from '..';
+import VanIcon from '../../icon';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/src/notice-bar/demo/index.vue b/packages/vant/src/notice-bar/demo/index.vue
index 8abbf194d..97b020205 100644
--- a/packages/vant/src/notice-bar/demo/index.vue
+++ b/packages/vant/src/notice-bar/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanNoticeBar from '..';
+import VanSwipe from '../../swipe';
+import VanSwipeItem from '../../swipe-item';
 import { useTranslate } from '../../../docs/site/use-translate';
 
 const t = useTranslate({
diff --git a/packages/vant/src/notify/demo/index.vue b/packages/vant/src/notify/demo/index.vue
index e2cda52c4..2600ed712 100644
--- a/packages/vant/src/notify/demo/index.vue
+++ b/packages/vant/src/notify/demo/index.vue
@@ -1,9 +1,13 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
+import VanIcon from '../../icon';
+import { Notify } from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
-import { Notify } from '..';
 import { NotifyType } from '../Notify';
 
+const VanNotify = Notify.Component;
+
 const t = useTranslate({
   'zh-CN': {
     primary: '主要通知',
diff --git a/packages/vant/src/number-keyboard/demo/index.vue b/packages/vant/src/number-keyboard/demo/index.vue
index f48694f10..0885d010b 100644
--- a/packages/vant/src/number-keyboard/demo/index.vue
+++ b/packages/vant/src/number-keyboard/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
+import VanField from '../../field';
+import VanNumberKeyboard from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/overlay/demo/index.vue b/packages/vant/src/overlay/demo/index.vue
index ceb858329..4442f30c2 100644
--- a/packages/vant/src/overlay/demo/index.vue
+++ b/packages/vant/src/overlay/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanButton from '../../button';
+import VanOverlay from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/pagination/demo/index.vue b/packages/vant/src/pagination/demo/index.vue
index 2103bd6d5..b8f6a6cff 100644
--- a/packages/vant/src/pagination/demo/index.vue
+++ b/packages/vant/src/pagination/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanPagination from '..';
+import VanIcon from '../../icon';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/password-input/demo/index.vue b/packages/vant/src/password-input/demo/index.vue
index 8bc1bc3e3..15997084d 100644
--- a/packages/vant/src/password-input/demo/index.vue
+++ b/packages/vant/src/password-input/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanPasswordInput from '..';
+import VanNumberKeyboard from '../../number-keyboard';
 import { ref, watch } from 'vue';
 import { ComponentInstance } from '../../utils';
 import { useTranslate } from '../../../docs/site/use-translate';
diff --git a/packages/vant/src/picker/demo/index.vue b/packages/vant/src/picker/demo/index.vue
index 97c196376..b90e41ee1 100644
--- a/packages/vant/src/picker/demo/index.vue
+++ b/packages/vant/src/picker/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanPicker from '..';
+import VanField from '../../field';
+import VanPopup from '../../popup';
 import { ref, computed } from 'vue';
 import { dateColumns, cascadeColumns, cascadeColumnsCustomKey } from './data';
 import { useTranslate } from '../../../docs/site/use-translate';
diff --git a/packages/vant/src/popover/demo/index.vue b/packages/vant/src/popover/demo/index.vue
index 2ad4ddd48..86daac951 100644
--- a/packages/vant/src/popover/demo/index.vue
+++ b/packages/vant/src/popover/demo/index.vue
@@ -1,4 +1,11 @@
 <script setup lang="ts">
+import VanPopover from '..';
+import VanButton from '../../button';
+import VanField from '../../field';
+import VanPopup from '../../popup';
+import VanPicker from '../../picker';
+import VanGrid from '../../grid';
+import VanGridItem from '../../grid-item';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/popup/demo/index.vue b/packages/vant/src/popup/demo/index.vue
index c89d284a2..1bae0ef92 100644
--- a/packages/vant/src/popup/demo/index.vue
+++ b/packages/vant/src/popup/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
+import VanPopup from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/progress/demo/index.vue b/packages/vant/src/progress/demo/index.vue
index 8a6364f78..81729969d 100644
--- a/packages/vant/src/progress/demo/index.vue
+++ b/packages/vant/src/progress/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanProgress from '..';
+import VanButton from '../../button';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/pull-refresh/demo/index.vue b/packages/vant/src/pull-refresh/demo/index.vue
index d43b4cf62..0f13e0c41 100644
--- a/packages/vant/src/pull-refresh/demo/index.vue
+++ b/packages/vant/src/pull-refresh/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanTabs from '../../tabs';
+import VanTab from '../../tab';
+import VanPullRefresh from '..';
 import { computed, onMounted, ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/radio/demo/index.vue b/packages/vant/src/radio/demo/index.vue
index 0b4428050..5a8a920ec 100644
--- a/packages/vant/src/radio/demo/index.vue
+++ b/packages/vant/src/radio/demo/index.vue
@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import VanRadioGroup from '../../radio-group';
+import VanRadio from '..';
+import VanCellGroup from '../../cell-group';
+import VanCell from '../../cell';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/rate/demo/index.vue b/packages/vant/src/rate/demo/index.vue
index a251ebf38..37294885a 100644
--- a/packages/vant/src/rate/demo/index.vue
+++ b/packages/vant/src/rate/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanRate from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/search/demo/index.vue b/packages/vant/src/search/demo/index.vue
index 4eda5bdab..44cc56ecd 100644
--- a/packages/vant/src/search/demo/index.vue
+++ b/packages/vant/src/search/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanSearch from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/share-sheet/demo/index.vue b/packages/vant/src/share-sheet/demo/index.vue
index 1c97457fc..b22694369 100644
--- a/packages/vant/src/share-sheet/demo/index.vue
+++ b/packages/vant/src/share-sheet/demo/index.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
+import VanShareSheet, { ShareSheetOption, ShareSheetOptions } from '..';
 import { ref, computed } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
-import { ShareSheetOption, ShareSheetOptions } from '..';
 import { Toast } from '../../toast';
 
 const t = useTranslate({
diff --git a/packages/vant/src/sidebar/demo/index.vue b/packages/vant/src/sidebar/demo/index.vue
index 394df6024..7d568a452 100644
--- a/packages/vant/src/sidebar/demo/index.vue
+++ b/packages/vant/src/sidebar/demo/index.vue
@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import VanGrid from '../../grid';
+import VanGridItem from '../../grid-item';
+import VanSidebar from '..';
+import VanSidebarItem from '../../sidebar-item';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/skeleton/demo/index.vue b/packages/vant/src/skeleton/demo/index.vue
index 3edca167c..9d59cc7f7 100644
--- a/packages/vant/src/skeleton/demo/index.vue
+++ b/packages/vant/src/skeleton/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanSkeleton from '..';
+import VanSwitch from '../../switch';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/slider/demo/index.vue b/packages/vant/src/slider/demo/index.vue
index 84c9e02b9..51ea8739a 100644
--- a/packages/vant/src/slider/demo/index.vue
+++ b/packages/vant/src/slider/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanSlider from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/stepper/demo/index.vue b/packages/vant/src/stepper/demo/index.vue
index 0b5bf918e..33db318de 100644
--- a/packages/vant/src/stepper/demo/index.vue
+++ b/packages/vant/src/stepper/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
+import VanStepper from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/steps/demo/index.vue b/packages/vant/src/steps/demo/index.vue
index 003c53fff..3f30a939d 100644
--- a/packages/vant/src/steps/demo/index.vue
+++ b/packages/vant/src/steps/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanSteps from '..';
+import VanStep from '../../step';
+import VanButton from '../../button';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/sticky/demo/index.vue b/packages/vant/src/sticky/demo/index.vue
index 24505ab9e..2a5caf9e7 100644
--- a/packages/vant/src/sticky/demo/index.vue
+++ b/packages/vant/src/sticky/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanSticky from '..';
+import VanButton from '../../button';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/style/demo/index.vue b/packages/vant/src/style/demo/index.vue
index 63247d171..5b83e6918 100644
--- a/packages/vant/src/style/demo/index.vue
+++ b/packages/vant/src/style/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/submit-bar/demo/index.vue b/packages/vant/src/submit-bar/demo/index.vue
index 75dd89bc9..54624ffcb 100644
--- a/packages/vant/src/submit-bar/demo/index.vue
+++ b/packages/vant/src/submit-bar/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanSubmitBar from '..';
+import VanCheckbox from '../../checkbox';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/swipe-cell/demo/index.vue b/packages/vant/src/swipe-cell/demo/index.vue
index 1578dab55..d3eb31dda 100644
--- a/packages/vant/src/swipe-cell/demo/index.vue
+++ b/packages/vant/src/swipe-cell/demo/index.vue
@@ -1,4 +1,8 @@
 <script setup lang="ts">
+import VanSwipeCell from '..';
+import VanButton from '../../button';
+import VanCell from '../../cell';
+import VanCard from '../../card';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Dialog } from '../../dialog';
 
diff --git a/packages/vant/src/swipe/demo/index.vue b/packages/vant/src/swipe/demo/index.vue
index b34d23008..b19582860 100644
--- a/packages/vant/src/swipe/demo/index.vue
+++ b/packages/vant/src/swipe/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanSwipe from '..';
+import VanSwipeItem from '../../swipe-item';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
 
diff --git a/packages/vant/src/switch/demo/index.vue b/packages/vant/src/switch/demo/index.vue
index baf50a523..0e379f41e 100644
--- a/packages/vant/src/switch/demo/index.vue
+++ b/packages/vant/src/switch/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanSwitch from '..';
+import VanCell from '../../cell';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Dialog } from '../../dialog';
diff --git a/packages/vant/src/tab/demo/index.vue b/packages/vant/src/tab/demo/index.vue
index 480d105f5..9169569b6 100644
--- a/packages/vant/src/tab/demo/index.vue
+++ b/packages/vant/src/tab/demo/index.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+import VanTabs from '../../tabs';
+import VanTab from '..';
+import VanIcon from '../../icon';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/tabbar/demo/index.vue b/packages/vant/src/tabbar/demo/index.vue
index f7114d83f..5b5e6e9fd 100644
--- a/packages/vant/src/tabbar/demo/index.vue
+++ b/packages/vant/src/tabbar/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanTabbar from '..';
+import VanTabbarItem from '../../tabbar-item';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { Toast } from '../../toast';
diff --git a/packages/vant/src/tag/demo/index.vue b/packages/vant/src/tag/demo/index.vue
index 57cdbc51e..2a8db115e 100644
--- a/packages/vant/src/tag/demo/index.vue
+++ b/packages/vant/src/tag/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
+import VanTag from '..';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 
diff --git a/packages/vant/src/toast/demo/index.vue b/packages/vant/src/toast/demo/index.vue
index 6ab5ca293..7275ff060 100644
--- a/packages/vant/src/toast/demo/index.vue
+++ b/packages/vant/src/toast/demo/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VanCell from '../../cell';
 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 fc52b7371..4c14c53e3 100644
--- a/packages/vant/src/tree-select/demo/index.vue
+++ b/packages/vant/src/tree-select/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanTreeSelect from '..';
+import VanImage from '../../image';
 import { ref, computed } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { zhCNData } from './data-zh';
diff --git a/packages/vant/src/uploader/demo/index.vue b/packages/vant/src/uploader/demo/index.vue
index 44f170e1e..76c29c6ad 100644
--- a/packages/vant/src/uploader/demo/index.vue
+++ b/packages/vant/src/uploader/demo/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import VanUploader from '..';
+import VanButton from '../../button';
 import { ref } from 'vue';
 import { useTranslate } from '../../../docs/site/use-translate';
 import { UploaderFileListItem } from '../types';
diff --git a/packages/vant/test/demo.ts b/packages/vant/test/demo.ts
index 52b7630af..33c271919 100644
--- a/packages/vant/test/demo.ts
+++ b/packages/vant/test/demo.ts
@@ -1,7 +1,7 @@
 import { h, defineComponent } from 'vue';
 import Locale from '../src/locale';
 import { mount, later } from '.';
-import { initDemoLocale } from '../docs/site/demo-locale';
+import { initDemoLocale } from '../docs/site/use-translate';
 
 initDemoLocale();