diff --git a/src/runtime/composables/useButtonGroup.ts b/src/runtime/composables/useButtonGroup.ts index fc2b9e58..614d5ef9 100644 --- a/src/runtime/composables/useButtonGroup.ts +++ b/src/runtime/composables/useButtonGroup.ts @@ -42,6 +42,17 @@ export function useProvideButtonGroup (buttonGroupProps: ButtonGroupProps) { export function useInjectButtonGroup ({ ui, props }: { ui: any, props: any }) { const instance = getCurrentInstance() + provide('ButtonGroupContextConsumer', true) + const isParentPartOfGroup = inject('ButtonGroupContextConsumer', false) + + // early return if a parent is already part of the group + if (isParentPartOfGroup) { + return { + size: computed(() => props.size), + rounded: computed(() => ui.value.rounded) + } + } + let parent = instance.parent let groupContext: Ref | undefined