From c465fd6fec9aca931148551e2a23848881a47272 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Sat, 8 Feb 2025 10:39:36 +0800
Subject: [PATCH] chore: refactor countdown logic and update utils4u auto
 imports

---
 src/components/send-sms.vue |  4 ++--
 vite.config.plugins.ts      | 11 ++++++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/send-sms.vue b/src/components/send-sms.vue
index 9a2a4d8..a7a179b 100644
--- a/src/components/send-sms.vue
+++ b/src/components/send-sms.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-const { countdownTime, triggerCountdown, isCounting } = useCountdown($__DEV__ ? 5 : 60);
+const { remaining: countdownTime, start: startCountdown, isActive: isCounting } = useCountdown($__DEV__ ? 3 : 60);
 
 const isSending = ref(false);
 const sendSms = async () => {
@@ -17,7 +17,7 @@ const sendSms = async () => {
   isSending.value = true;
   try {
     await new Promise((resolve) => setTimeout(resolve, 1000));
-    triggerCountdown();
+    startCountdown();
     ToastService.add({ severity: 'info', summary: '提示', life: 3000, detail: '验证码发送成功' });
   } finally {
     isSending.value = false;
diff --git a/vite.config.plugins.ts b/vite.config.plugins.ts
index 290fcc9..564ea9f 100644
--- a/vite.config.plugins.ts
+++ b/vite.config.plugins.ts
@@ -77,7 +77,16 @@ export function Plugins() {
         '@vueuse/core',
         VueRouterAutoImports,
         unheadVueComposablesImports,
-        createUtils4uAutoImports(['primevue']),
+        Object.assign(
+          createUtils4uAutoImports([
+            'primevue', // 参考重写 utils4u 的 createUtils4uAutoImports 的逻辑 https://github.com/unplugin/unplugin-auto-import/blob/main/src/presets/vueuse-core.ts
+          ]),
+          {
+            'utils4u/vue-use': createUtils4uAutoImports(['primevue'])['utils4u/vue-use'].filter(
+              (item) => !['useCountdown'].includes(item.toString()), // FIXME: Duplicated imports "useCountdown", the one from "@vueuse/core" has been ignored and "utils4u/vue-use" is used
+            ),
+          },
+        ),
         {
           // add any other imports you were relying on
           'vue-router/auto': ['useLink'],