refactor(@vant/cli): remove component auto registration

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);
 

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';
 

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

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';

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';

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';

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

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

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';

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

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';

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

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';

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';
 

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

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';
 

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';
 

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';

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';

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';

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';

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';

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';
 

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: '标题',

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

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';

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';
 

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

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';

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

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

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';
 

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';
 

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

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';
 

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

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: '主要通知',

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';

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';
 

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';
 

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';

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';

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';

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';
 

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';
 

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';

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';
 

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';

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';

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

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';

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';
 

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';

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';

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';
 

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';
 

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';
 

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';

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';
 

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';
 

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';

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';

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';

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';
 

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';

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';

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';

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();