Add all files

resources/views/components/captcha.blade.php

@@ -0,0 +1,34 @@
+@assets
+<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit"></script>
+@endassets
+
+<div id="cf-turnstile"></div>
+
+<script>
+    function renderTurnstile() {
+        const isDarkMode = localStorage.getItem('_x_darkMode') === 'true';
+        const theme = isDarkMode ? 'dark' : 'light';
+
+        turnstile.render('#cf-turnstile', {
+            sitekey: '{{ config('settings.captcha_site_key') }}',
+            size: 'flexible',
+            theme: theme,
+            callback: token => @this.set('captcha', token, false),
+        });
+    }
+
+    document.addEventListener('livewire:initialized', () => {
+        // On livewire validation error reset captcha
+        Livewire.hook('request', ({ succeed }) => {
+            succeed(() => {
+                turnstile.reset();
+            });
+        })
+    });
+</script>
+
+@script
+<script>
+    renderTurnstile();
+</script>
+@endscript