fix(NavigationMenu): wrong badge class

Resolves #2766
nuxt · Nov 26, 2024 · 86f2b48 · 86f2b48
1 parent ba874c9
commit 86f2b48
Show file tree

Hide file tree

Showing 4 changed files with 122 additions and 41 deletions.
diff --git a/src/theme/navigation-menu.ts b/src/theme/navigation-menu.ts
@@ -10,7 +10,7 @@ export default (options: Required<ModuleOptions>) => ({
     linkLeadingAvatar: 'shrink-0',
     linkLeadingAvatarSize: '2xs',
     linkTrailing: 'ms-auto inline-flex',
-    linkTrailingBadge: 'shrink-0 rounded-[calc(var(--ui-radius)]',
+    linkTrailingBadge: 'shrink-0 rounded-[var(--ui-radius)]',
     linkTrailingBadgeSize: 'sm',
     linkTrailingIcon: 'size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200',
     linkLabel: 'truncate',

diff --git a/test/components/NavigationMenu.spec.ts b/test/components/NavigationMenu.spec.ts
@@ -11,6 +11,7 @@ describe('NavigationMenu', () => {
     [{
       label: 'Documentation',
       icon: 'i-lucide-book-open',
+      badge: 10,
       children: [{
         label: 'Introduction',
         description: 'Fully styled and customizable components for Nuxt.',