EU CAPTCHA für Vue.js

Häufig gestellte Fragen

• Wie füge ich EU CAPTCHA zu einer Vue.js-Anwendung hinzu?

  Installieren Sie das Paket mit npm i @myrasec/eu-captcha-vue. Importieren Sie in Ihrem <script setup> { EuCaptcha, isEuCaptchaDone } from '@myrasec/eu-captcha-vue'. Platzieren Sie <EuCaptcha :sitekey="captchaSitekey" /> in Ihrem Formular-Template und rufen Sie isEuCaptchaDone() in Ihrem Submit-Handler auf, bevor Sie Daten an den Server senden.

• Funktioniert EU CAPTCHA mit der Vue 3 Composition API?

  Ja. Das Paket @myrasec/eu-captcha-vue ist für Vue 3 entwickelt und lässt sich nahtlos in die Composition API integrieren. Importieren Sie die Komponente und den Helper direkt in Ihrem <script setup>-Block. Verwenden Sie die Props :on-complete, :on-expired und :on-error, um auf Widget-Ereignisse zu reagieren und den Verifizierungsstatus zu verwalten.

• Wie kann ich die EU CAPTCHA-Herausforderung in Vue verzögern oder manuell auslösen?

  Setzen Sie :autostart="false" und geben Sie eine widgetId-Prop für die EuCaptcha-Komponente an. Wenn Sie bereit sind – zum Beispiel bei einem Button-Klick – rufen Sie window.euCaptcha.execute(widgetId) auf. Dies gibt Ihnen die vollständige Kontrolle darüber, wann die Herausforderung ausgeführt wird, was für mehrstufige Formulare oder benutzerdefinierte Übermittlungsabläufe nützlich ist.

• Kann ich EU CAPTCHA mit Vuex oder Pinia für das State-Management verwenden?

  Ja. Sie können den eu-captcha-response-Token bei Bedarf in Vuex oder Pinia für komplexe Formularabläufe speichern. Für die meisten Anwendungsfälle ist es einfacher, den Token direkt aus dem versteckten Eingabefeld zum Zeitpunkt der Übermittlung auszulesen, ohne ein globales State-Management zu benötigen.

• Funktioniert EU CAPTCHA mit Vue Router beim Navigieren zwischen Seiten?

  Ja. Die EuCaptcha-Komponente folgt den standardmäßigen Lebenszyklusregeln von Vue-Komponenten und initialisiert sich bei jedem Mounten neu. Beim Navigieren zwischen Vue-Router-Routen werden Komponenten ausgehängt und erneut eingehängt, sodass sich das Widget automatisch neu initialisiert. Verwenden Sie eine :key-Prop, die an die Route gebunden ist, wenn Sie eine vollständige Neuinitialisierung erzwingen möchten.

• Ist EU CAPTCHA DSGVO-konform für Vue.js-Anwendungen?

  Ja. EU CAPTCHA wird von einem in der EU ansässigen Unternehmen betrieben, ist vollständig in Deutschland gehostet und stützt sich nicht auf US-amerikanische Cloud-Anbieter oder Infrastrukturen, die US-Überwachungsgesetzen unterliegen. Der Dienst verarbeitet nur die Daten, die zur Bereitstellung und Verifizierung des CAPTCHAs erforderlich sind (wie IP-Adresse sowie technische Browser- oder Geräteinformationen), im Einklang mit den Anforderungen der DSGVO. Ihre Organisation bleibt verantwortlich für die Bereitstellung transparenter Datenschutzinformationen, die Wahl einer geeigneten Rechtsgrundlage und die Einholung etwaig erforderlicher Einwilligungen für Ihre spezifische Vue.js-Implementierung. Diese Informationen stellen keine Rechtsberatung dar; bitte konsultieren Sie Ihren Rechtsberater für eine Beurteilung Ihres individuellen Falls.

• Ist @myrasec/eu-captcha-vue mit Nuxt 3 kompatibel?

  Ja. Das Paket @myrasec/eu-captcha-vue funktioniert in Nuxt-3-Projekten. Da das Widget Browser-APIs benötigt, importieren und rendern Sie es innerhalb eines onMounted-Composables oder verwenden Sie die Wrapper-Komponente <ClientOnly>, um SSR-Rendering-Fehler zu vermeiden. Für die serverseitige Token-Verifizierung verwenden Sie eine Nuxt-Server-Route in server/api/.