@trustcomponent/trustcaptcha-vue

TrustCaptcha for Vue.js — GDPR-compliant, privacy-first CAPTCHA

Protect websites and apps against bots and spam with a privacy-first, EU-hosted CAPTCHA solution.

What is TrustCaptcha?

TrustCaptcha combines proof-of-work, an AI bot-score and custom security rules to stop automated bot abuse — without image marking or puzzles

Key perks:

• Privacy-friendly & GDPR-compliant – data processed exclusively in Europe
• No visual challenges – users never label images or solve quizzes
• Fully themable widget – matches any brand and design and improves your user flow
• Conversion-safe – near-zero user drop-off compared to legacy CAPTCHAs

Read the full TrustCaptcha product overview for technical details and the security concept.

Get started

1. Create an account: sign up / sign in.
2. Choose a CAPTCHA: pick an existing one or create a new one.
3. Embed the widget: implement the TrustCaptcha widget into your website or app.
4. Validate result: validate the CAPTCHA verification result in your backend.

Need a walkthrough? See the Vue.js integration guide.

Basic Vue.js integration

1. Install the package

npm i @trustcomponent/trustcaptcha-vue

2. Add TrustCaptcha component to the app

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

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

3. Use the TrustCaptcha component in any form element

<form>

  <!-- your input fields -->

  <trustcaptcha-component
    sitekey="<your-site-key>"
    @captchaSolved="handleSuccess($event.detail)"
    @captchaFailed="handleError($event.detail)"
  ></trustcaptcha-component>

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

</form>

Congratulations — you have successfully integrated the TrustCaptcha widget into your website!

For detailed implementation instructions, read the Vue.js integration guide.

Other pre-built integrations

TrustCaptcha ships ready-made integrations for popular stacks:

• Platforms like WordPress, Joomla, CraftCMS or Keycloak
• Frontends like JavaScript, Angular, React or Vue.js
• Backends like Node.js, PHP, Python, Java, Ruby, Rust, Go or DotNet
• Mobile Applications like iOS, Android, React Native or Flutter

Discover all our pre-built Integrations on our website.

Get support

Questions? We will be happy to help!

• Email: mail@trustcomponent.com
• Contact form: reach the support team