Vue Hcaptcha

Overview:

The Vue.js hCaptcha Component Library is a library specifically designed for integrating hCaptcha into Vue.js applications. It is compatible with both Vue 2 and Vue 3.

Features:

• Sitekey: Allows you to provide your sitekey obtained from hCaptcha.
• Size: Specifies the size of the hCaptcha checkbox - normal, compact, or invisible.
• Theme: Supports both light and dark themes for the hCaptcha component.
• Tabindex: Sets the tabindex for the widget and popup, enhancing site navigation.
• Language: Overrides the browser’s language detection to set a default UI language for hCaptcha.
• reCaptchaCompat: Enables or disables drop-in replacement for reCAPTCHA.
• ChallengeContainer: Specifies a custom element ID to render the hCaptcha challenge.
• rqdata and sentry: Additional options for Enterprise use.

Installation:

You can install the Vue.js hCaptcha Component Library using npm or yarn:

• For Vue 2: npm install @hcaptcha/vue-hcaptcha --save or yarn add @hcaptcha/vue-hcaptcha
• For Vue 3: npm install @hcaptcha/vue3-hcaptcha --save or yarn add @hcaptcha/vue3-hcaptcha

Alternatively, you can include the library via a script tag if Vue is already globally available.

Summary:

The Vue.js hCaptcha Component Library provides a convenient way to integrate hCaptcha into Vue.js applications. It offers various configuration options, allowing you to customize the size, theme, language, and more. Installation can be done easily through npm or yarn. Overall, it helps enhance the security of your Vue.js application by adding hCaptcha’s anti-bot protection.