vue-captcha-switcher

Vue Captcha Switcher

A Vue 3 component that allows you to easily switch between different CAPTCHA services such as Google reCAPTCHA v2 checkbox, hCaptcha, and Cloudflare Turnstile.

Table of Contents

• Features
• Installation
• Usage
• Props
• Events
• Contributing
• License

Features

• Supports Google reCAPTCHA v2 checkbox, hCaptcha, and Cloudflare Turnstile.
• Simple integration with Vue 3.
• Dynamic CAPTCHA switching based on the selected service.
• Customizable options such as theme and size.

Installation

You can install vue-captcha-switcher using npm or yarn.

Using npm

npm install vue-captcha-switcher

Using yarn

yarn add vue-captcha-switcher

Usage

Here’s an example of how to use the VueCaptchaSwitcher component in your Vue 3 project.

<template>
  <VueCaptchaSwitcher
    :captchaName="captchaName"
    :publicKey="publicKey"
    v-model="captchaResponse"
  />
</template>

<script setup>
  import { ref } from "vue";
  import VueCaptchaSwitcher from "vue-captcha-switcher";

  const captchaName = ref("recaptcha"); // Options: 'recaptcha', 'hcaptcha', 'turnstile'
  const publicKey = "your-site-key";
  const captchaResponse = ref("");
</script>

Switching Between CAPTCHA Providers

You can switch between Google reCAPTCHA, hCaptcha, and Cloudflare Turnstile by changing the captchaName prop. The possible values are:

• recaptcha
• hcaptcha
• turnstile

For example:

<template>
  <VueCaptchaSwitcher
    :captchaName="'hcaptcha'"
    :publicKey="yourHcaptchaKey"
    v-model="captchaResponse"
  />
</template>

Props

Events

Contributing

Contributions are welcome! If you'd like to contribute to the project, follow these steps:

Fork the repository. Create a new branch for your feature or bugfix.

• Make your changes and commit them with descriptive messages.
• Push your changes to your fork.
• Submit a pull request. For major changes, please open an issue first to discuss what you would like to change.

Setting Up the Project Locally

1. Clone the repository:

git clone https://github.com/saidurbhuiyan/vue-captcha-switcher.git

2. Install the dependencies:

npm install

3. Build the package:

npm run build

License

This project is licensed under the MIT License. See the LICENSE file for more details.