fix(VExpansionPanelTitle): propagate VIcon defaults

vuetifyjs · Jun 12, 2024 · cec2094 · cec2094
1 parent a30a859
commit cec2094
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx
@@ -1,5 +1,6 @@
 // Components
 import { VExpansionPanelSymbol } from './shared'
+import { VDefaultsProvider } from '@/components/VDefaultsProvider'
 import { VIcon } from '@/components/VIcon'
 
 // Composables
@@ -75,6 +76,8 @@ export const VExpansionPanelTitle = genericComponent<VExpansionPanelTitleSlots>(
       readonly: props.readonly,
     }))
 
+    const icon = computed(() => expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon)
+
     useRender(() => (
       <button
         class={[
@@ -103,12 +106,17 @@ export const VExpansionPanelTitle = genericComponent<VExpansionPanelTitleSlots>(
         { slots.default?.(slotProps.value) }
 
         { !props.hideActions && (
-          <span class="v-expansion-panel-title__icon">
-            {
-              slots.actions ? slots.actions(slotProps.value)
-              : <VIcon icon={ expansionPanel.isSelected.value ? props.collapseIcon : props.expandIcon } />
-            }
-          </span>
+          <VDefaultsProvider
+            defaults={{
+              VIcon: {
+                icon: icon.value,
+              },
+            }}
+          >
+            <span class="v-expansion-panel-title__icon">
+              { slots.actions?.(slotProps.value) ?? <VIcon /> }
+            </span>
+          </VDefaultsProvider>
         )}
       </button>
     ))