From 9ebc0c9db689be2f2adaab1002d56ac6b311c72c Mon Sep 17 00:00:00 2001
From: Iliyas M <im.smiliyas@gmail.com>
Date: Tue, 24 Sep 2024 15:50:55 +0530
Subject: [PATCH] support alpine lazy load assets

---
 resources/views/components/turnstile.blade.php | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/resources/views/components/turnstile.blade.php b/resources/views/components/turnstile.blade.php
index 9f1319c..5e7c929 100644
--- a/resources/views/components/turnstile.blade.php
+++ b/resources/views/components/turnstile.blade.php
@@ -10,9 +10,10 @@
 <x-dynamic-component :component="$fieldWrapperView" :field="$turnstile">
 
     <div x-data="{
-            state: $wire.entangle('{{ $statePath }}').defer 
+            state: $wire.entangle('{{ $statePath }}').defer
         }"
         wire:ignore
+        x-load-js="['https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback']"
         x-init="(() => {
             let options= {
                 callback: function (token) {
@@ -42,8 +43,6 @@
         </div>
     </div>
 
-    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback" defer></script>
-
     @push('scripts')
         <script>
             document.addEventListener('livewire:init', () => {
@@ -53,4 +52,4 @@
             })
         </script>
     @endpush
-</x-dynamic-component>
\ No newline at end of file
+</x-dynamic-component>