diff --git a/packages/vuetify/src/components/VTabs/VTabs.tsx b/packages/vuetify/src/components/VTabs/VTabs.tsx index df42d23bb31..31ddf16dc35 100644 --- a/packages/vuetify/src/components/VTabs/VTabs.tsx +++ b/packages/vuetify/src/components/VTabs/VTabs.tsx @@ -12,6 +12,7 @@ import { useBackgroundColor } from '@/composables/color' import { provideDefaults } from '@/composables/defaults' import { makeDensityProps, useDensity } from '@/composables/density' import { useProxiedModel } from '@/composables/proxiedModel' +import { useScopeId } from '@/composables/scopeId' import { makeTagProps } from '@/composables/tag' // Utilities @@ -86,11 +87,12 @@ export const VTabs = genericComponent()({ 'update:modelValue': (v: unknown) => true, }, - setup (props, { slots }) { + setup (props, { attrs, slots }) { const model = useProxiedModel(props, 'modelValue') const items = computed(() => parseItems(props.items)) const { densityClasses } = useDensity(props) const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor')) + const { scopeId } = useScopeId() provideDefaults({ VTab: { @@ -132,6 +134,8 @@ export const VTabs = genericComponent()({ ]} role="tablist" symbol={ VTabsSymbol } + { ...scopeId } + { ...attrs } > { slots.default?.() ?? items.value.map(item => ( slots.tab?.({ item }) ?? ( @@ -151,6 +155,7 @@ export const VTabs = genericComponent()({ { items.value.map(item => slots.item?.({ item }) ?? (