From 57c2cc0ef4b85d62cfeb3c0d0631385c0faaf032 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 6 Mar 2024 16:29:03 +0100
Subject: [PATCH] chore(Button): use `ui` prop for slots only

---
 src/runtime/components/Button.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index 54711721..7a102797 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -27,7 +27,7 @@ export interface ButtonProps extends LinkProps {
   padded?: boolean
   truncate?: boolean
   class?: any
-  ui?: Partial<typeof appButton>
+  ui?: Partial<typeof appButton.slots>
 }
 
 export interface ButtonSlots {
@@ -53,7 +53,10 @@ const forward = useForwardProps(reactiveOmit(props, 'type', 'label', 'color', 's
 
 // Computed
 
-const ui = computed(() => tv({ extend: appButton, ...props.ui })({
+const ui = computed(() => tv({
+  extend: appButton,
+  slots: props.ui
+})({
   color: props.color,
   size: props.size,
   loading: props.loading,