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

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.

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

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.

1. Installing the library

npm i @trustcaptcha/trustcaptcha-vue

2. Add Trustcaptcha component to the app

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

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

3. 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>

If you have any ideas, suggestions, or need support, please contact us.