Badge border radius is wrong (NavigationMenu)

[sergiuwaxmann]

Environment

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

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.9

Reproduction

<script setup lang="ts">
/* Types */
import type { NavigationMenuItem } from "#ui/types";

const items = ref<NavigationMenuItem[][]>([
  [
    {
      label: "Menu",
      defaultOpen: true,
      children: [
        {
          label: "Submenu",
          badge: {
            label: "latest",
            color: "secondary",
          },
          to: "https://www.example.com",
          target: "_blank",
        },
      ],
    },
  ],
]);
</script>

<template>
  <div class="h-full">
    <UNavigationMenu orientation="vertical" :items="items" />
  </div>
</template>

Description

After upgrading from alpha.8 to alpha.9, the border radius is wrong (different from the rest of the application) when using badge in the NavigationMenu. When inspecting HTML, this is the class (related to border radius) applied to the badge: rounded-[calc(var(--ui-radius)].

I also tried passing the class to BadgeProps but it doesn't work:

```vue
<script setup lang="ts">
/* Types */
import type { NavigationMenuItem } from "#ui/types";

const items = ref<NavigationMenuItem[][]>([
  [
    {
      label: "Menu",
      defaultOpen: true,
      children: [
        {
          label: "Submenu",
          badge: {
            label: "latest",
            color: "secondary",
            class: "rounded-full", // ! NOT WORKING
          },
          to: "https://www.example.com",
          target: "_blank",
        },
      ],
    },
  ],
]);
</script>

<template>
  <div class="h-full">
    <UNavigationMenu orientation="vertical" :items="items" />
  </div>
</template>

However, IMO the border radius should be inherited (no need to pass class).

Additional context

No response

Logs

[benjamincanac]

Thanks for the report 😊