fix(components): add missing ui prop in prose proxy components (#5205)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

Author: HugoRCD

src/runtime/components/prose/Accordion.vue

@@ -1,13 +1,15 @@
 <script lang="ts">
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/accordion'
+import type { AccordionProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
 
 type ProseAccordion = ComponentConfig<typeof theme, AppConfig, 'accordion', 'ui.prose'>
 
 export interface ProseAccordionProps {
   type?: 'single' | 'multiple'
   class?: any
+  ui?: ProseAccordion['slots'] & AccordionProps['ui']
 }
 
 export interface ProseAccordionSlots {
@@ -29,6 +31,7 @@ const slots = defineSlots<ProseAccordionSlots>()
 
 const appConfig = useAppConfig() as ProseAccordion['AppConfig']
 
+// eslint-disable-next-line vue/no-dupe-keys
 const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.prose?.accordion || {}) }))
 
 const rerenderCount = ref(1)
@@ -62,7 +65,7 @@ onBeforeUpdate(() => rerenderCount.value++)
 </script>
 
 <template>
-  <UAccordion :type="type" :items="items" :unmount-on-hide="false" :class="props.class" :ui="transformUI(ui())">
+  <UAccordion :type="type" :items="items" :unmount-on-hide="false" :class="props.class" :ui="transformUI(ui(), props.ui)">
     <template #content="{ item }">
       <component :is="item.component" />
     </template>

src/runtime/components/prose/Collapsible.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/collapsible'
-import type { IconProps } from '../../types'
+import type { IconProps, CollapsibleProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
 
 type ProseCollapsible = ComponentConfig<typeof theme, AppConfig, 'collapsible', 'ui.prose'>
@@ -28,7 +28,7 @@ export interface ProseCollapsibleProps {
    */
   closeText?: string
   class?: any
-  ui?: ProseCollapsible['slots']
+  ui?: ProseCollapsible['slots'] & CollapsibleProps['ui']
 }
 
 export interface ProseCollapsibleSlots {
@@ -56,7 +56,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.prose?.colla
 </script>
 
 <template>
-  <UCollapsible :unmount-on-hide="false" :class="props.class" :ui="transformUI(ui)">
+  <UCollapsible :unmount-on-hide="false" :class="props.class" :ui="transformUI(ui, props.ui)">
     <template #default="{ open }">
       <button :class="ui.trigger({ class: props.ui?.trigger })">
         <UIcon :name="icon || appConfig.ui.icons.chevronDown" :class="ui.triggerIcon({ class: props.ui?.triggerIcon })" />

src/runtime/components/prose/Tabs.vue

@@ -1,6 +1,7 @@
 <script lang="ts">
 import type { AppConfig } from '@nuxt/schema'
 import theme from '#build/ui/prose/tabs'
+import type { TabsProps } from '../../types'
 import type { ComponentConfig } from '../../types/tv'
 
 type ProseTabs = ComponentConfig<typeof theme, AppConfig, 'tabs', 'ui.prose'>
@@ -20,6 +21,7 @@ export interface ProseTabsProps {
    */
   hash?: string
   class?: any
+  ui?: ProseTabs['slots'] & TabsProps['ui']
 }
 
 export interface ProseTabsSlots {
@@ -43,6 +45,7 @@ const model = defineModel<string>()
 
 const appConfig = useAppConfig() as ProseTabs['AppConfig']
 
+// eslint-disable-next-line vue/no-dupe-keys
 const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.prose?.tabs || {}) }))
 
 const rerenderCount = ref(1)
@@ -112,7 +115,7 @@ onBeforeUpdate(() => rerenderCount.value++)
     :items="items"
     :class="props.class"
     :unmount-on-hide="false"
-    :ui="transformUI(ui())"
+    :ui="transformUI(ui(), props.ui)"
     @update:model-value="onUpdateModelValue"
   >
     <template #content="{ item }">