JSPM

@trustcomponent/trustcaptcha-vue

2.1.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 174
  • Score
    100M100P100Q42257F
  • License Apache-2.0

TrustCaptcha – Privacy-first CAPTCHA solution for Vue.js. GDPR-compliant, bot protection made in Europe.

Package Exports

  • @trustcomponent/trustcaptcha-vue
  • @trustcomponent/trustcaptcha-vue/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@trustcomponent/trustcaptcha-vue) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

npm

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
  1. Add TrustCaptcha component to the app
import {TrustcaptchaComponent} from "@trustcomponent/trustcaptcha-vue";

createApp(App).use(TrustcaptchaComponent).mount('#app')
  1. 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!