diff --git a/src/directive.recaptcha.v2.blade.php b/src/directive.recaptcha.v2.blade.php index 0b507c3..6dacfbc 100755 --- a/src/directive.recaptcha.v2.blade.php +++ b/src/directive.recaptcha.v2.blade.php @@ -26,6 +26,10 @@ } })(); + const gRecaptchaResponseVariable = directive.expression + ? `${directive.expression}.gRecaptchaResponse` + : 'gRecaptchaResponse'; + const onSubmit = async (e) => { e.preventDefault(); e.stopImmediatePropagation(); @@ -36,7 +40,7 @@ const token = await window.googleRecaptchaResponse; - await component.$wire.$set('gRecaptchaResponse', token); + await component.$wire.$set(gRecaptchaResponseVariable, token); Alpine.evaluate(el, "$wire." + submitExpression, { scope: { $event: e } }); } diff --git a/src/directive.recaptcha.v3.blade.php b/src/directive.recaptcha.v3.blade.php index 46aa577..15be967 100755 --- a/src/directive.recaptcha.v3.blade.php +++ b/src/directive.recaptcha.v3.blade.php @@ -9,6 +9,10 @@ } })(); + const gRecaptchaResponseVariable = directive.expression + ? `${directive.expression}.gRecaptchaResponse` + : 'gRecaptchaResponse'; + const onSubmit = (e) => { e.preventDefault(); e.stopImmediatePropagation(); @@ -16,7 +20,7 @@ grecaptcha.ready(async () => { const token = await grecaptcha.execute(@json($siteKey), { action: 'submit' }); - component.$wire.$set('gRecaptchaResponse', token).then(() => { + component.$wire.$set(gRecaptchaResponseVariable, token).then(() => { Alpine.evaluate(el, "$wire." + submitExpression, { scope: { $event: e } }); }); });