chro: Utils4uAutoImports

README.md

@@ -16,3 +16,5 @@ ln -s $(which pnpm) $HOME/.local/bin/pnpm
 ---
 
 - https://biomejs.dev/zh-cn/internals/language-support/
+
+- https://github.dev/antfu-collective/vitesse/

auto-imports.d.ts

@@ -149,6 +149,7 @@ declare global {
   const useCloned: typeof import('@vueuse/core')['useCloned']
   const useColorMode: typeof import('@vueuse/core')['useColorMode']
   const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
+  const useCountdown: typeof import('utils4u/vue-use')['useCountdown']
   const useCounter: typeof import('@vueuse/core')['useCounter']
   const useCssModule: typeof import('vue')['useCssModule']
   const useCssVar: typeof import('@vueuse/core')['useCssVar']
@@ -278,6 +279,7 @@ declare global {
   const useVModels: typeof import('@vueuse/core')['useVModels']
   const useVibrate: typeof import('@vueuse/core')['useVibrate']
   const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
+  const useVueCountdown: typeof import('utils4u/vue-use')['useCountdown']
   const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
   const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
   const useWebSocket: typeof import('@vueuse/core')['useWebSocket']

src/components/send-sms.vue

@@ -6,7 +6,5 @@
 </template>
 
 <script setup lang="ts">
-import { useCountdown } from 'utils4u/vue-use';
+const { countdownTime, triggerCountdown, isCounting } = useVueCountdown(3);
-
-const { countdownTime, triggerCountdown, isCounting } = useCountdown(3);
 </script>

unocss.config.ts

@@ -18,7 +18,6 @@ export default defineConfig({
     },
   ],
   presets: [
-    // TODO: https://github.dev/antfu-collective/vitesse/tree/main/src/components
     presetUno({
       /* prefix: "u-", */
     }),

vite.config.ts

@@ -4,6 +4,7 @@ import Vue from '@vitejs/plugin-vue';
 import VueJsx from '@vitejs/plugin-vue-jsx';
 import { fileURLToPath, URL } from 'node:url';
 import UnoCSS from 'unocss/vite';
+import { type ImportsMap } from 'unplugin-auto-import/types';
 import AutoImport from 'unplugin-auto-import/vite';
 import { FileSystemIconLoader } from 'unplugin-icons/loaders';
 import IconsResolver from 'unplugin-icons/resolver';
@@ -71,18 +72,19 @@ function Plugins() {
     Markdown({ headEnabled: true }),
   );
 
+  // TODO: import { Utils4uAutoImports } from 'utils4u';
+  // https://github.com/unplugin/unplugin-auto-import?tab=readme-ov-file#configuration
+  const Utils4uAutoImports: ImportsMap = {
+    'utils4u/vue-use': [
+      // alias
+      ['useCountdown', 'useVueCountdown'],
+    ],
+  };
+
   plugins.push(
     AutoImport({
-      resolvers: [
+      resolvers: [TDesignResolver({ library: 'mobile-vue', esm: true }), VantResolver({ importStyle: true })],
-        TDesignResolver({
+      imports: ['vue', 'pinia', '@vueuse/core', VueRouterAutoImports, unheadVueComposablesImports, Utils4uAutoImports],
-          library: 'mobile-vue',
-          esm: true,
-        }),
-        VantResolver({
-          importStyle: true,
-        }),
-      ],
-      imports: ['vue', 'pinia', '@vueuse/core', VueRouterAutoImports, unheadVueComposablesImports],
     }),
     Components({
       // allow auto load markdown components under `./src/components/`