From 14a2e8cdeef3cd88fb8f80e336ac923856f823bc Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Tue, 28 May 2024 10:37:18 -0500
Subject: [PATCH] feat(VContainer): add dimension support

---
 packages/vuetify/src/components/VGrid/VContainer.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/vuetify/src/components/VGrid/VContainer.tsx b/packages/vuetify/src/components/VGrid/VContainer.tsx
index 497ac18abfa..50f20c673c4 100644
--- a/packages/vuetify/src/components/VGrid/VContainer.tsx
+++ b/packages/vuetify/src/components/VGrid/VContainer.tsx
@@ -3,6 +3,7 @@ import './VGrid.sass'
 
 // Composables
 import { makeComponentProps } from '@/composables/component'
+import { makeDimensionProps, useDimension } from '@/composables/dimensions'
 import { useRtl } from '@/composables/locale'
 import { makeTagProps } from '@/composables/tag'
 
@@ -16,6 +17,7 @@ export const makeVContainerProps = propsFactory({
   },
 
   ...makeComponentProps(),
+  ...makeDimensionProps(),
   ...makeTagProps(),
 }, 'VContainer')
 
@@ -26,6 +28,7 @@ export const VContainer = genericComponent()({
 
   setup (props, { slots }) {
     const { rtlClasses } = useRtl()
+    const { dimensionStyles } = useDimension(props)
 
     useRender(() => (
       <props.tag
@@ -35,7 +38,10 @@ export const VContainer = genericComponent()({
           rtlClasses.value,
           props.class,
         ]}
-        style={ props.style }
+        style={[
+          dimensionStyles.value,
+          props.style,
+        ]}
         v-slots={ slots }
       />
     ))