chat wip

new-client/src/shared/components/ui/Button.vue

@@ -7,11 +7,14 @@
     :type="type"
     :data-full="full || undefined"
   >
-    <slot />
+    <ChadSpinner v-if="loading" class="chad-button__spinner" />
+    <slot v-else />
   </button>
 </template>
 
 <script setup lang="ts">
+import ChadSpinner from '@shared/components/ui/Spinner.vue'
+
 defineOptions({
   name: 'ChadButton',
 })
@@ -61,7 +64,6 @@ interface Props {
   }
 
   &[data-disabled],
-  &[data-loading],
   &:disabled {
     cursor: not-allowed;
     background-color: var(--grey-1);
@@ -69,6 +71,7 @@ interface Props {
   }
 
   &[data-loading] {
+    background-color: var(--grey-1);
     cursor: wait;
   }
 }