From e87ad3fdd3c7dff7bb84f5fe9e89e7f8ec889f7f Mon Sep 17 00:00:00 2001
From: Jade <jade@justbetter.nl>
Date: Fri, 5 Jun 2026 15:06:45 +0200
Subject: [PATCH 1/2] Use loading.value

---
 resources/views/components/button/index.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/components/button/index.blade.php b/resources/views/components/button/index.blade.php
index 85a85d0..c7d0844 100644
--- a/resources/views/components/button/index.blade.php
+++ b/resources/views/components/button/index.blade.php
@@ -5,10 +5,10 @@
         'relative inline-block self-start rounded-sm py-4 px-6 text-center text-sm transition cursor-pointer',
         'disabled:cursor-not-allowed disabled:opacity-70',
     ]) }}
-    v-bind:disabled="$root.loading"
+    v-bind:disabled="loading.value"
 >
     @if($loader)
-        <div v-if="$root.loading" class="absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2" v-cloak>
+        <div v-if="loading.value" class="absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2" v-cloak>
             <x-heroicon-o-arrow-path class="h-5 w-5 animate-spin" />
         </div>
     @endif

From dd3fe16a0ff833106a9a3e1026e9f3cc376300d3 Mon Sep 17 00:00:00 2001
From: Jade Geels <a@jgw.tf>
Date: Fri, 5 Jun 2026 15:14:47 +0200
Subject: [PATCH 2/2] Update index.blade.php

---
 resources/views/components/button/index.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/components/button/index.blade.php b/resources/views/components/button/index.blade.php
index c7d0844..0074772 100644
--- a/resources/views/components/button/index.blade.php
+++ b/resources/views/components/button/index.blade.php
@@ -12,7 +12,7 @@
             <x-heroicon-o-arrow-path class="h-5 w-5 animate-spin" />
         </div>
     @endif
-    <span class="contents" @attributes([':class' => $loader ? '{ "invisible": $root.loading }' : false])>
+    <span class="contents" @attributes([':class' => $loader ? '{ "invisible": loading.value }' : false])>
         {{ $slot }}
     </span>
 </x-rapidez::tag>