diff --git a/README.md b/README.md
index 14385a6..2e1c6cb 100644
--- a/README.md
+++ b/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/
diff --git a/auto-imports.d.ts b/auto-imports.d.ts
index 8ea59cf..251cadb 100644
--- a/auto-imports.d.ts
+++ b/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']
diff --git a/src/components/send-sms.vue b/src/components/send-sms.vue
index d52bf35..f25906a 100644
--- a/src/components/send-sms.vue
+++ b/src/components/send-sms.vue
@@ -6,7 +6,5 @@
 </template>
 
 <script setup lang="ts">
-import { useCountdown } from 'utils4u/vue-use';
-
-const { countdownTime, triggerCountdown, isCounting } = useCountdown(3);
+const { countdownTime, triggerCountdown, isCounting } = useVueCountdown(3);
 </script>
diff --git a/unocss.config.ts b/unocss.config.ts
index 4c11fe7..df28130 100644
--- a/unocss.config.ts
+++ b/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-", */
     }),
diff --git a/vite.config.ts b/vite.config.ts
index 788797d..bf843c3 100644
--- a/vite.config.ts
+++ b/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: [
-        TDesignResolver({
-          library: 'mobile-vue',
-          esm: true,
-        }),
-        VantResolver({
-          importStyle: true,
-        }),
-      ],
-      imports: ['vue', 'pinia', '@vueuse/core', VueRouterAutoImports, unheadVueComposablesImports],
+      resolvers: [TDesignResolver({ library: 'mobile-vue', esm: true }), VantResolver({ importStyle: true })],
+      imports: ['vue', 'pinia', '@vueuse/core', VueRouterAutoImports, unheadVueComposablesImports, Utils4uAutoImports],
     }),
     Components({
       // allow auto load markdown components under `./src/components/`