javascript - Google Recaptcha v3 i vue.js


Jag försöker säkra ett registreringsformulär som är byggt i vue.js med Google reCAPTCHA v3. Jag använder npm-paketet vue-recaptcha-v3 (https://www.npmjs.com/package/vue-recaptcha-v3).

Det här är där jag har integrerat vue recaptcha v3 på min sida (runt registreringsknappen).

<vue-recaptcha sitekey="mysitekey" :loadRecaptchaScript="true">
        <b-button type="submit" variant="primary" class="min-w-50 mt-2" :disabled="disableForm">Register now</b-button>
</vue-recaptcha>

och jag har importerat VueRecaptcha från 'vue-recaptcha' och registrerat den i komponenterna.

När jag öppnar webbplatsen ser jag märket "skyddad av Google reCAPTCHA" nere till vänster.

Problemet är att när jag försöker skicka formuläret manuellt själv, kan jag inte skicka det även om jag inte är en bot :-)

När jag klickar på registreringsknappen, skickar den en annan postförfrågan till https://www.google.com/recaptcha/api2/reload?k=mysitekey

Måste jag göra något mer så att det bara känner igen bots som bots och inte mig?

Tack på förhand