support alpine lazy load assets

coderflexx · Sep 24, 2024 · 9ebc0c9 · 9ebc0c9
1 parent bde2332
commit 9ebc0c9
Showing 1 changed file with 3 additions and 4 deletions.
diff --git 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>
+</x-dynamic-component>