Skip to content

Commit

Permalink
fix(VAvatar): apply theme classes
Browse files Browse the repository at this point in the history
fixes #16291
  • Loading branch information
KaelWD committed Dec 19, 2022
1 parent f22e141 commit 9005732
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions packages/vuetify/src/components/VAvatar/VAvatar.tsx
Expand Up @@ -12,6 +12,7 @@ import { makeDensityProps, useDensity } from '@/composables/density'
import { makeRoundedProps, useRounded } from '@/composables/rounded'
import { makeSizeProps, useSize } from '@/composables/size'
import { makeTagProps } from '@/composables/tag'
import { makeThemeProps, provideTheme } from '@/composables/theme'

// Utilities
import { defineComponent, propsFactory, useRender } from '@/util'
Expand All @@ -26,6 +27,7 @@ export const makeVAvatarProps = propsFactory({
...makeRoundedProps(),
...makeSizeProps(),
...makeTagProps(),
...makeThemeProps(),
...makeVariantProps({ variant: 'flat' } as const),
}, 'v-avatar')

Expand All @@ -35,6 +37,7 @@ export const VAvatar = defineComponent({
props: makeVAvatarProps(),

setup (props, { slots }) {
const { themeClasses } = provideTheme(props)
const { colorClasses, colorStyles, variantClasses } = useVariant(props)
const { densityClasses } = useDensity(props)
const { roundedClasses } = useRounded(props)
Expand All @@ -48,6 +51,7 @@ export const VAvatar = defineComponent({
'v-avatar--start': props.start,
'v-avatar--end': props.end,
},
themeClasses.value,
colorClasses.value,
densityClasses.value,
roundedClasses.value,
Expand Down

0 comments on commit 9005732

Please sign in to comment.