arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-20 15:01:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(AvatarGroup): handle deep children

Browse Source
This commit is contained in:
Benjamin Canac
2024-07-17 17:17:15 +02:00
parent b5bfb61816
commit e9832b95f5
2 changed files with 27 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/runtime/composables/useAvatarGroup.ts
View File

@@ -4,9 +4,9 @@ import type { AvatarGroupProps } from '../types'
export const avatarGroupInjectionKey: InjectionKey<ComputedRef<{ size: AvatarGroupProps['size'] }>> = Symbol('nuxt-ui.avatar-group')
export function useAvatarGroup(props: { size: AvatarGroupProps['size'] }) {
const injectedSize = inject(avatarGroupInjectionKey, undefined)
const avatarGroup = inject(avatarGroupInjectionKey, undefined)
const size = computed(() => props.size ?? injectedSize?.value.size)
const size = computed(() => props.size ?? avatarGroup?.value.size)
provide(avatarGroupInjectionKey, computed(() => ({ size: size.value })))
return {