From 784eb144b577d636e2aba4b4ff16fd4df73734fd Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Wed, 12 Jun 2024 13:20:03 -0500
Subject: [PATCH] feat(VExpansionPanelTitle): add dimension support

---
 .../src/components/VExpansionPanel/VExpansionPanelTitle.tsx   | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx
index 98df96d9050..65a121405b8 100644
--- a/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx
+++ b/packages/vuetify/src/components/VExpansionPanel/VExpansionPanelTitle.tsx
@@ -6,6 +6,7 @@ import { VIcon } from '@/components/VIcon'
 // Composables
 import { useBackgroundColor } from '@/composables/color'
 import { makeComponentProps } from '@/composables/component'
+import { makeDimensionProps, useDimension } from '@/composables/dimensions'
 import { IconValue } from '@/composables/icons'
 
 // Directives
@@ -52,6 +53,7 @@ export const makeVExpansionPanelTitleProps = propsFactory({
   readonly: Boolean,
 
   ...makeComponentProps(),
+  ...makeDimensionProps(),
 }, 'VExpansionPanelTitle')
 
 export const VExpansionPanelTitle = genericComponent<VExpansionPanelTitleSlots>()({
@@ -67,6 +69,7 @@ export const VExpansionPanelTitle = genericComponent<VExpansionPanelTitleSlots>(
     if (!expansionPanel) throw new Error('[Vuetify] v-expansion-panel-title needs to be placed inside v-expansion-panel')
 
     const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(props, 'color')
+    const { dimensionStyles } = useDimension(props)
 
     const slotProps = computed(() => ({
       collapseIcon: props.collapseIcon,
@@ -92,6 +95,7 @@ export const VExpansionPanelTitle = genericComponent<VExpansionPanelTitleSlots>(
         ]}
         style={[
           backgroundColorStyles.value,
+          dimensionStyles.value,
           props.style,
         ]}
         type="button"