From bcde20ce3e25be8d8e83096f1a0919497d4c870e Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Sat, 9 Mar 2024 16:34:36 +0100
Subject: [PATCH] chore(Collapsible): update

---
 src/runtime/components/Collapsible.vue | 10 +++++-----
 src/theme/collapsible.ts               |  1 +
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/runtime/components/Collapsible.vue b/src/runtime/components/Collapsible.vue
index f4356c32..9f293acd 100644
--- a/src/runtime/components/Collapsible.vue
+++ b/src/runtime/components/Collapsible.vue
@@ -6,7 +6,7 @@ import theme from '#build/ui/collapsible'
 
 const collapsible = tv({ extend: tv(theme), ...(appConfig.ui?.collapsible || {}) })
 
-export interface CollapsibleProps extends Omit<CollapsibleRootProps, 'as' | 'asChild'> {
+export interface CollapsibleProps extends Omit<CollapsibleRootProps, 'asChild'> {
   content?: string
   class?: any
   ui?: Partial<typeof collapsible.slots>
@@ -29,9 +29,9 @@ defineOptions({ inheritAttrs: false })
 
 const props = defineProps<CollapsibleProps>()
 const emits = defineEmits<CollapsibleEmits>()
-const slots = defineSlots<CollapsibleSlots>()
+defineSlots<CollapsibleSlots>()
 
-const forwardRoot = useForwardPropsEmits(reactivePick(props, 'defaultOpen', 'open', 'disabled'), emits)
+const forward = useForwardPropsEmits(reactivePick(props, 'defaultOpen', 'open', 'disabled'), emits)
 
 // FIXME: Cannot extend multiple times
 // const ui = computed(() => tv({ extend: collapsible, slots: props.ui })())
@@ -40,12 +40,12 @@ const ui = computed(() => collapsible())
 </script>
 
 <template>
-  <CollapsibleRoot v-bind="forwardRoot">
+  <CollapsibleRoot :class="ui.root({ class: props.class })" v-bind="{ ...forward, ...$attrs }">
     <CollapsibleTrigger as-child>
       <slot />
     </CollapsibleTrigger>
 
-    <CollapsibleContent v-bind="$attrs" :class="ui.content({ class: props.class })">
+    <CollapsibleContent :class="ui.content()">
       <slot name="content">
         {{ content }}
       </slot>
diff --git a/src/theme/collapsible.ts b/src/theme/collapsible.ts
index e4cdc507..af2bcfcb 100644
--- a/src/theme/collapsible.ts
+++ b/src/theme/collapsible.ts
@@ -1,5 +1,6 @@
 export default {
   slots: {
+    root: '',
     content: 'data-[state=open]:animate-[collapsibleSlideDown_200ms_ease-out] data-[state=closed]:animate-[collapsibleSlideUp_200ms_ease-out] overflow-hidden'
   }
 }
\ No newline at end of file