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.
- 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>
If you have any ideas, suggestions, or need support, please contact us.