make turnstile script async

Author: aguingand

resources/views/components/turnstile/scripts.blade.php

@@ -1,10 +1,12 @@
 
 @php($nonce = \Illuminate\Support\Facades\Vite::cspNonce())
 
+<link rel="preconnect" href="https://challenges.cloudflare.com" />
 <script
     id="turnstile-script"
     src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit"
     defer
+    async
     {{ $attributes->merge(['nonce' => $nonce]) }}
 ></script>
 

resources/views/components/turnstile/widget.blade.php

@@ -22,7 +22,7 @@
         reset() {
             turnstile.reset(this.widgetId);
         },
-        init() {
+        initCaptcha() {
             if($el.hasAttribute('data-invisible')) {
                 this.load();
             } else {
@@ -56,6 +56,13 @@
                     this.reset();
                 }
             });
+        },
+        init() {
+            if('turnstile' in window) {
+                this.initCaptcha();
+            } else {
+                document.querySelector('#turnstile-script').addEventListener('load', () => this.initCaptcha());
+            }
         }
     }"
     data-captcha