?? ?? ??? ?? ? ???????? ?? ???? ????? ?? ???? ?? ???? ???? ??? ? ? ????. ??? ??? ?? ??? alovajs? ? ????? ???? ? ?? ???? ?????. alovajs? useCaptcha ??? ?? ?? ??? ???? ????? ???? ????? ??? ?? ??? ???? ?????? ?? ?? ?? ????? ??? ??? ?????.

alovajs? ?? ????? ????? ??? ??????, ?? ?? ? SWR? ?? ?????? ?? API ??? ?? ?? ???? ?? ??? ?????. ?? ??? SWR? ??? ????? alovajs? ? ?? ???? ????? ?? ??, ????? TypeScript ?? ? ????? ??? ???? ? ?? ? ?????. ?? ?? ?? API ??? ???? ???? ????? ?? ??? ? ?? ??? ?? ?????. ?? alovajs? ??? ????? ?? ??? ?? ??? ????? ???? ???? ??? ??? ?? ??? ??? ? ????.

alovajs? ?? ??? ??? ?? ?? ?? ????? ???? ? ?? ??? ????? ?? ???? https://alova.js.org? ?????.

?? alovajs?? useCaptcha ??? ???? ???????. ? ??? ?? ?? ??? ??? ? ????? ???? ???? ???? ????? ??? ????? ?? ????. ?? ??? ????.

<template>
  <input v-model="mobile" />
  <button
    @click="sendCaptcha"
    :loading="sending"
    :disabled="sending || countdown > 0">
    {{ loading ? 'sending...' : countdown > 0 ? `resend after ${countdown}` : 'send captcha' }}
  </button>
</template>

<script setup>
  import { ref } from 'vue';
  import { apiSendCaptcha } from './api.js';
  import { useCaptcha } from 'alova/client';

  const mobile = ref('');
  const {
    // Sending status
    loading: sending,

    // Call sendCaptcha to request the verification code
    send: sendCaptcha
  } = useCaptcha(() => apiSendCaptcha(mobile.value));
</script>

? ???? useCaptcha ??? ???? ?? ?? ??? ?????. "?? ?? ???" ??? ???? API ??? ????? sendCaptcha ??? ?????. ??? ????? ???? ????? ???? ???? ???? ??? ???? ?????? ???? ? ??? ??? ? ?? ??? ?? ??? ?????.

??? ?? ?? ????! useCaptcha ???initialCountdown ??? ???? ????? ??? ??? ??? ?? ????.

useCaptcha(() => apiSendCaptcha(mobile.value), {
  // ...
  initialCountdown: 20
});

??? ?? ????? ???? ?? 60?? ?? 20?? ?????.

?????, alovajs? useCaptcha ??? ?? ?? ?? ??, ????? ??? ??? ? ??? ?? ?? ?? ????? ??????. ? ??? ??? ???? ??? ???? ??????? ?? ??? ???? ? ??? ? ????. alovajs? ??? ?? ?? ?????? ??? ???? ? ??? ?????! ?? ??? ?? ???? ??? ??? ?? ????.

? ??? ?? ?? ???? ?? ??????? alovajs? ?????!? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!