diff --git a/resources/views/searchable-select-bootstrap.blade.php b/resources/views/searchable-select-bootstrap.blade.php
index 493a3d0..af98cd0 100644
--- a/resources/views/searchable-select-bootstrap.blade.php
+++ b/resources/views/searchable-select-bootstrap.blade.php
@@ -70,13 +70,12 @@
     }
 </style>
 
+@once
+@push('scripts')
 <script>
-    (function () {
-        if (window.__searchableSelectBootstrapDefined) return;
-        window.__searchableSelectBootstrapDefined = true;
-
-        function registerSearchableSelectBootstrap() {
-            Alpine.data('searchableSelectBootstrap', (config) => ({
+    if (!window.searchableSelectBootstrap) {
+        window.searchableSelectBootstrap = function (config) {
+            return {
                 open: false,
                 search: '',
                 loading: false,
@@ -233,16 +232,12 @@ function registerSearchableSelectBootstrap() {
                         this.loading = false;
                     }
                 }
-            }));
-        }
-
-        if (window.Alpine) {
-            registerSearchableSelectBootstrap();
-        } else {
-            document.addEventListener('alpine:init', registerSearchableSelectBootstrap);
-        }
-    })();
+            };
+        };
+    }
 </script>
+@endpush
+@endonce
 
 <div class="searchable-select-bootstrap position-relative" x-data="searchableSelectBootstrap({
     multiple: {{ $multiple ? 'true' : 'false' }},
diff --git a/resources/views/searchable-select.blade.php b/resources/views/searchable-select.blade.php
index f3c1a20..3a45d2e 100644
--- a/resources/views/searchable-select.blade.php
+++ b/resources/views/searchable-select.blade.php
@@ -67,13 +67,12 @@
     }
 </style>
 
+@once
+@push('scripts')
 <script>
-    (function () {
-        if (window.__searchableSelectDefined) return;
-        window.__searchableSelectDefined = true;
-
-        function registerSearchableSelect() {
-            Alpine.data('searchableSelect', (config) => ({
+    if (!window.searchableSelect) {
+        window.searchableSelect = function (config) {
+            return {
                 open: false,
                 search: '',
                 loading: false,
@@ -230,16 +229,12 @@ function registerSearchableSelect() {
                         this.loading = false;
                     }
                 }
-            }));
-        }
-
-        if (window.Alpine) {
-            registerSearchableSelect();
-        } else {
-            document.addEventListener('alpine:init', registerSearchableSelect);
-        }
-    })();
+            };
+        };
+    }
 </script>
+@endpush
+@endonce
 
 <div x-data="searchableSelect({
     multiple: {{ $multiple ? 'true' : 'false' }},