arcaptcha-vue3

0.3.0 • Public • Published

ARCaptcha Vue3

ARCaptcha Component Library for Vue3.

Installation

You can install this library via npm with:

  • npm i arcaptcha-vue3

Basic Usage

<script setup>
import arcaptchaVue3 from "arcaptcha-vue3";

function callbackDef() {
// This function would be called after solving captcha
}
function expired_callbackDef() {
  //This function would be called after expiring
}
</script>

<template>
<div>
  <arcaptchaVue3
    :callback="callbackDef"
    :expired_callback="expired_callbackDef"
    site_key="YOUR_SITE_KEY"
  >
  </arcaptchaVue3>

  <!-- <arcaptchaVue3 site_key="bdopsptc2b"></arcaptchaVue3> -->
</div>
</template>


Props

Name Values/Type Required Default Description
site_key string Yes - This is your sitekey, this allows you to load captcha. If you need a sitekey, please visit Arcaptcha, and sign up to get your sitekey
invisible Boolean NO False This allows you to use invisible captcha for you forms
lang string NO fa This allows you to choose language by this prop. you can choose 'en' or 'fa' for english and persion language
theme string NO light This allows you to choose theme for your widget. The themes are light and dark
color String No normal Color of every colored element in widget and challenge.
callback Function NO null This function would be called after solving captcha
rendered_callback Function NO null This function would be called after rendering captcha
closed_callback Function NO null This function would be called after user decides to close the challenge
error_callback Function NO null This function would be called after error
reset_callback Function NO null This function would be called after reseting captcha
expired_callback Function NO null This function would be called after expiring
chlexpired_callback Function NO null This function would be called after challange expiration

Methods

Method Description
execute() Programmatically trigger a challenge request. You can use this, to load invisible captcha after trigger a button
reset() Reset the current challenge

How can I get a sitekey?

Sign up at ARCaptcha to get your sitekey. Check documentation for more information.

Package Sidebar

Install

npm i arcaptcha-vue3

Weekly Downloads

78

Version

0.3.0

License

MIT

Unpacked Size

19.9 kB

Total Files

8

Last publish

Collaborators

  • yasaman.hbn
  • arcaptcha
  • bardia_rk