diff --git a/src/components/send-sms.vue b/src/components/send-sms.vue
index b167e62..60af9b7 100644
--- a/src/components/send-sms.vue
+++ b/src/components/send-sms.vue
@@ -1,10 +1,25 @@
 <template>
-  <van-button type="primary" @click="triggerCountdown" :disabled="isCounting">
-    发送验证码
-    {{ !isCounting ? '' : `(${countdownTime}s)` }}
-  </van-button>
+  <Button
+    :label="`发送验证码${isCounting ? `(${countdownTime}s)` : ''}`"
+    variant="link"
+    @click="sendSms"
+    :loading="isSending"
+    :disabled="isSending || isCounting"
+  />
 </template>
 
 <script setup lang="ts">
-const { countdownTime, triggerCountdown, isCounting } = useCountdown(3);
+const { countdownTime, triggerCountdown, isCounting } = useCountdown($__DEV__ ? 5 : 60);
+
+const isSending = ref(false);
+const sendSms = async () => {
+  console.debug('[sendSms]');
+  isSending.value = true;
+  try {
+    await new Promise((resolve) => setTimeout(resolve, 1000));
+    triggerCountdown();
+  } finally {
+    isSending.value = false;
+  }
+};
 </script>
diff --git a/typed-router.d.ts b/typed-router.d.ts
index a54e237..a2140be 100644
--- a/typed-router.d.ts
+++ b/typed-router.d.ts
@@ -24,6 +24,7 @@ declare module 'vue-router/auto-routes' {
     'A': RouteRecordInfo<'A', '/a', Record<never, never>, Record<never, never>>,
     'AA1': RouteRecordInfo<'AA1', '/a/a1', Record<never, never>, Record<never, never>>,
     'AA2': RouteRecordInfo<'AA2', '/a/a2', Record<never, never>, Record<never, never>>,
+    'AB': RouteRecordInfo<'AB', '/a/b', Record<never, never>, Record<never, never>>,
     'ABC': RouteRecordInfo<'ABC', '/a/b/c', Record<never, never>, Record<never, never>>,
     'Api': RouteRecordInfo<'Api', '/api', Record<never, never>, Record<never, never>>,
     'DataLoadersId': RouteRecordInfo<'DataLoadersId', '/data-loaders/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,