From 765821153753d1a49276421511224336aebcdd2f Mon Sep 17 00:00:00 2001
From: Conner Blanton <connerblanton@gmail.com>
Date: Sun, 17 Mar 2024 12:47:10 -0500
Subject: [PATCH] fix(ButtonGroup): nested group elements (#1530)

---
 src/runtime/composables/useButtonGroup.ts | 11 +++++++++++
 1 file changed, 11 insertions(+)

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<ButtonGroupContext> | undefined