Livewire support

[emtiazzahid]

tried with that

   <div wire:ignore>
        {!! NoCaptcha::renderJs() !!}
        {!! NoCaptcha::display(['data-callback' => 'onCallback']) !!}
   </div>

but when livewire returns validation errors its not refresh with new captcha
Laravel version: 9.19
Livewire: 2.10

[hmreumann]

You need to somehow dispatch grecaptcha.reset()

Maybe using AlpineJs x-intersect on the captcha validation error message

[AliMosbah]

Work with me 💯
public $recaptcha

$this->validate([
'recaptcha' => 'required|captcha',
]);

------ In blade :

{!! NoCaptcha::display() !!} {!! NoCaptcha::renderJs(['data-callback' => 'onCallback' ]) !!}

@error('recaptcha') {{ $message }} @enderror

@Push('scripts')
<script>
var onCallback = function() {
@this.set('recaptcha',grecaptcha.getResponse())
}
</script>
@endpush