EU CAPTCHA for Nuxt.js

Frequently Asked Questions

• How do I add EU CAPTCHA to a Nuxt.js application?

  Install the package with npm i @myrasec/eu-captcha-vue. Import { EuCaptcha, isEuCaptchaDone } from '@myrasec/eu-captcha-vue' in your <script setup>. Wrap the widget in <ClientOnly> or use onMounted for SSR safety. Call isEuCaptchaDone() on submit and validate the token in a Nuxt server route at server/api/.

• Does EU CAPTCHA work with Nuxt 3 and the Composition API?

  Yes. The @myrasec/eu-captcha-vue package is built for Vue 3 and integrates naturally with Nuxt 3's Composition API. Import the component in <script setup> and use the :on-complete, :on-expired, and :on-error props to react to widget lifecycle events. The Nuxt auto-imports system does not affect the package, so the explicit import is required.

• How do I prevent SSR errors with EU CAPTCHA in Nuxt?

  Use Nuxt's built-in <ClientOnly> wrapper component to prevent the EuCaptcha component from rendering on the server. Alternatively, guard any DOM-related logic inside an onMounted composable or with an import.meta.client check. This ensures the widget only initialises in the browser, avoiding hydration mismatches.

• Can I verify the CAPTCHA token in a Nuxt server route?

  Yes. Create a server route at server/api/verify.post.ts. Read the eu-captcha-response token from the request body using readBody, then validate it with $fetch or ofetch by POSTing to the EU CAPTCHA verification API with your secret key. Return a success or error response based on the API result.

• Is EU CAPTCHA compatible with Nuxt's useFetch and $fetch?

  Yes. Submit the token to your server route using $fetch in an async onSubmit handler or useFetch for reactive data fetching. For form submissions, $fetch is typically the cleanest pattern as it allows straightforward error handling and user feedback without introducing reactive bindings for a one-time operation.

• Does EU CAPTCHA require a dedicated Nuxt module?

  No. EU CAPTCHA integrates through the standard @myrasec/eu-captcha-vue npm package and does not require a separate Nuxt module. You can optionally create a composable in the composables/ directory to encapsulate the isEuCaptchaDone() check, which Nuxt will auto-import across all your form components.

• Is EU CAPTCHA GDPR compliant for Nuxt.js applications?

  Yes. EU CAPTCHA is operated by an EU-based company, is hosted entirely in Germany, and does not rely on US cloud providers or infrastructure subject to US surveillance laws. The service processes only the data necessary to provide and verify the CAPTCHA (such as IP address and technical browser or device information) in line with the requirements of the GDPR. Your organization remains responsible for providing transparent privacy information, selecting an appropriate legal basis, and obtaining any required consent for your specific Nuxt.js implementation. This information does not constitute legal advice; please consult your legal counsel for an assessment of your individual case.