feat: auto import naive

plugins/index.ts

@@ -1,3 +1,3 @@
-export * from './_404Page';
 export * from './commit';
 export * from './mirror';
+export * from './unAutoImport';

plugins/mirror.ts

@@ -14,13 +14,15 @@ export const mirror = (): Plugin => {
     apply: 'build',
     enforce: 'post',
     config() {
-      return {
-        experimental: {
-          renderBuiltUrl(filename) {
-            return mirrorBaseUrl + '/' + filename;
+      if (process.env.MIRROR == `ON`) {
+        return {
+          experimental: {
+            renderBuiltUrl(filename) {
+              return mirrorBaseUrl + '/' + filename;
+            },
           },
-        },
-      };
+        };
+      }
     },
   };
 };

plugins/naive-components.json

@@ -0,0 +1,152 @@
+[
+  "NA",
+  "NAffix",
+  "NAlert",
+  "NAnchor",
+  "NAnchorLink",
+  "NAutoComplete",
+  "NAvatar",
+  "NAvatarGroup",
+  "NBackTop",
+  "NBadge",
+  "NBlockquote",
+  "NBreadcrumb",
+  "NBreadcrumbItem",
+  "NButton",
+  "NButtonGroup",
+  "NCalendar",
+  "NCard",
+  "NCarousel",
+  "NCarouselItem",
+  "NCascader",
+  "NCheckbox",
+  "NCheckboxGroup",
+  "NCode",
+  "NCol",
+  "NCollapse",
+  "NCollapseItem",
+  "NCollapseTransition",
+  "NColorPicker",
+  "NConfigProvider",
+  "NCountdown",
+  "NDataTable",
+  "NDatePicker",
+  "NDescriptions",
+  "NDescriptionsItem",
+  "NDialog",
+  "NDialogProvider",
+  "NDivider",
+  "NDrawer",
+  "NDrawerContent",
+  "NDropdown",
+  "NDynamicInput",
+  "NDynamicTags",
+  "NEl",
+  "NElement",
+  "NEllipsis",
+  "NEmpty",
+  "NEquation",
+  "NFlex",
+  "NFloatButton",
+  "NFloatButtonGroup",
+  "NForm",
+  "NFormItem",
+  "NFormItemCol",
+  "NFormItemGi",
+  "NFormItemGridItem",
+  "NFormItemRow",
+  "NGi",
+  "NGlobalStyle",
+  "NGradientText",
+  "NGrid",
+  "NGridItem",
+  "NH1",
+  "NH2",
+  "NH3",
+  "NH4",
+  "NH5",
+  "NH6",
+  "NHr",
+  "NIcon",
+  "NIconWrapper",
+  "NImage",
+  "NImageGroup",
+  "NInfiniteScroll",
+  "NInput",
+  "NInputGroup",
+  "NInputGroupLabel",
+  "NInputNumber",
+  "NLayout",
+  "NLayoutContent",
+  "NLayoutFooter",
+  "NLayoutHeader",
+  "NLayoutSider",
+  "NLegacyTransfer",
+  "NLi",
+  "NList",
+  "NListItem",
+  "NLoadingBarProvider",
+  "NLog",
+  "NMention",
+  "NMenu",
+  "NMessageProvider",
+  "NModal",
+  "NModalProvider",
+  "NNotificationProvider",
+  "NNumberAnimation",
+  "NOl",
+  "NP",
+  "NPageHeader",
+  "NPagination",
+  "NPerformantEllipsis",
+  "NPopconfirm",
+  "NPopover",
+  "NPopselect",
+  "NProgress",
+  "NQrCode",
+  "NRadio",
+  "NRadioButton",
+  "NRadioGroup",
+  "NRate",
+  "NResult",
+  "NRow",
+  "NScrollbar",
+  "NSelect",
+  "NSkeleton",
+  "NSlider",
+  "NSpace",
+  "NSpin",
+  "NSplit",
+  "NStatistic",
+  "NStep",
+  "NSteps",
+  "NSwitch",
+  "NTab",
+  "NTabPane",
+  "NTable",
+  "NTabs",
+  "NTag",
+  "NTbody",
+  "NTd",
+  "NText",
+  "NTh",
+  "NThead",
+  "NThemeEditor",
+  "NThing",
+  "NTime",
+  "NTimePicker",
+  "NTimeline",
+  "NTimelineItem",
+  "NTooltip",
+  "NTr",
+  "NTransfer",
+  "NTree",
+  "NTreeSelect",
+  "NUl",
+  "NUpload",
+  "NUploadDragger",
+  "NUploadFileList",
+  "NUploadTrigger",
+  "NVirtualList",
+  "NWatermark"
+]

plugins/unAutoImport.ts

@@ -0,0 +1,38 @@
+import autoImport from 'unplugin-auto-import/vite';
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers';
+import components from 'unplugin-vue-components/vite';
+import type { Plugin } from 'vite';
+import naiveComponents from './naive-components.json';
+
+export const unAutoImport = (): Plugin[] => {
+  return [
+    autoImport({
+      dts: 'auto-import.d.ts',
+      imports: [
+        'vue',
+        'vue-router',
+        '@vueuse/core',
+        {
+          'naive-ui': [
+            'useDialog',
+            'useMessage',
+            'useNotification',
+            'useLoadingBar',
+            ...naiveComponents,
+          ],
+        },
+      ],
+      eslintrc: {
+        enabled: true,
+        globalsPropValue: 'readonly',
+        filepath: '.eslintrc-auto-import.json',
+      },
+      dirs: [],
+    }),
+    components({
+      dts: 'auto-import-components.d.ts',
+      resolvers: [NaiveUiResolver()],
+      dirs: [],
+    }),
+  ];
+};

src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { NConfigProvider, dateZhCN, zhCN } from 'naive-ui';
+import { dateZhCN, zhCN } from 'naive-ui';
 import { RouterView } from 'vue-router';
 import ErrorDlg from './components/ErrorDlg.vue';
 </script>

src/components/ActionCard.vue

@@ -16,7 +16,6 @@ import {
 import { useTask } from '@/utils/task';
 import type { Snapshot } from '@/utils/types';
 import { getImportUrl, githubUrlToSelfUrl } from '@/utils/url';
-import { NButton, NIcon, NPopconfirm, NPopover, NSpace } from 'naive-ui';
 
 const props = withDefaults(
   defineProps<{

src/components/ErrorDlg.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { settingsStorage } from '@/utils/storage';
 import store from '@/utils/store';
-
-import { NModal, NCheckbox } from 'naive-ui';
 </script>
 <template>
   <NModal