The button styles in UModal body should not be affected by UButtonGroup.

[Cyanhall]

Environment

---

• Operating System: Darwin
• Node Version: v20.10.0
• Nuxt Version: 3.15.0
• CLI Version: 3.17.2
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: default
• Runtime Modules: @nuxt/[email protected], @nuxt/[email protected]
• Build Modules: -

---

Is this bug related to Nuxt or Vue?

Nuxt

Version

3.0.0-alpha.10

Reproduction

https://github.com/Cyanhall/nuxt-ui-v3-demo/tree/main/demo4

Description

The button styles in UModal body should not be affected by UButtonGroup. I'm not sure if this is a bug or a feature.

<template>
  <UButtonGroup>
    <UModal
      :close="true"
      v-model:open="open"
      title="Test"
    >
      <UButton
        variant="outline"
        color="neutral"
        @click="open = true"
      >
       Modal Button
      </UButton>
      <template #body>
        Body
      </template>
      <template #footer>
        <div class="flex justify-start w-full gap-4">
          <UButton
            variant="outline"
            class="rounded"
            label="Cancel"
            @click="open = false"
          />
          <UButton
            variant="outline"
            class="rounded"
            label="Middle"
            @click="open = false"
          />
          <UButton
            type="submit"
            class="rounded"
            label="Confirm"
            color="primary"
            @click="open = false"
          />
        </div>
      </template>
    </UModal>
    <UButton
      variant="outline"
      color="neutral"
      @click=""
    >
     Other Button
    </UButton>
  </UButtonGroup>
</template>

Additional context

No response

Logs