feat(ButtonGroup): new component (#88)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

src/runtime/composables/useButtonGroup.ts

@@ -0,0 +1,21 @@
+import { type InjectionKey, type ComputedRef } from 'vue'
+import { inject, computed } from 'vue'
+import type { GetObjectField } from '#ui/types/utils'
+import type { ButtonGroupProps } from '../components/ButtonGroup.vue'
+
+export const buttonGroupInjectionKey: InjectionKey<ComputedRef<{
+  size: ButtonGroupProps ['size']
+  orientation: ButtonGroupProps['orientation']
+}>> = Symbol('nuxt-ui.button-group')
+
+type Props<T> = {
+  size?: GetObjectField<T, 'size'>
+}
+
+export function useButtonGroup<T>(props: Props<T>) {
+  const buttonGroup = inject(buttonGroupInjectionKey, undefined)
+  return {
+    orientation: computed(() => buttonGroup?.value.orientation),
+    size: computed(() => props?.size ?? buttonGroup?.value.size)
+  }
+}