@trustcaptcha/trustcaptcha-vue NPM

Trustcaptcha Vue-Library

The Vue library helps you to integrate Trustcaptcha into your Vue frontend applications.

What is Trustcaptcha?

A captcha solution that protects you from bot attacks and puts a special focus on user experience and data protection.

You can find more information on your website: www.trustcaptcha.com.

How does the library work?

Detailed instructions and examples for using the library can be found in our documentation.

Short example

Here you can see a short code example of a possible integration. Please refer to our provided documentation for complete and up-to-date integration instructions.

Installing the library

npm i @trustcaptcha/trustcaptcha-vue

Add Trustcaptcha component to the app

import {TrustcaptchaComponent} from "@trustcaptcha/trustcaptcha-vue";

createApp(App).use(TrustcaptchaComponent).mount('#app')

Use the Trustcaptcha component in any form element

<form>

  <!-- your input fields -->

  <trustcaptcha-component
    sitekey="cc2e2d5e-d1ef-4a7f-a7bd-dec5b37df47a"
    @captchaSolved="handleSuccess($event.detail)"
    @captchaFailed="handleError($event.detail)"
  ></trustcaptcha-component>

  <!-- further input fields / submit button -->

</form>