fix(ButtonGroup): nested group elements (#1530)

nuxt · Mar 17, 2024 · 7658211 · 7658211
1 parent e736eca
commit 7658211
Showing 1 changed file with 11 additions and 0 deletions.
diff --git 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<ButtonGroupContext> | undefined