From 738d48466e92f0d02a7c4d60f9015f02a621aeef Mon Sep 17 00:00:00 2001
From: zernonia <zernonia@gmail.com>
Date: Tue, 5 Dec 2023 20:57:49 +0800
Subject: [PATCH] docs: add badge to mobile nav

---
 .../.vitepress/theme/components/MobileNav.vue  | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/apps/www/.vitepress/theme/components/MobileNav.vue b/apps/www/.vitepress/theme/components/MobileNav.vue
index 7dbeddb2..4f52b0e3 100644
--- a/apps/www/.vitepress/theme/components/MobileNav.vue
+++ b/apps/www/.vitepress/theme/components/MobileNav.vue
@@ -5,6 +5,7 @@ import Logo from './Logo.vue'
 import { Sheet, SheetContent, SheetTrigger } from '@/lib/registry/default/ui/sheet'
 import { Button } from '@/lib/registry/default/ui/button'
 import { ScrollArea } from '@/lib/registry/default/ui/scroll-area'
+import { Badge } from '@/lib/registry/default/ui/badge'
 import ViewVerticalIcon from '~icons/radix-icons/view-vertical'
 
 const open = ref(false)
@@ -36,17 +37,26 @@ const open = ref(false)
         </div>
         <div class="flex flex-col space-y-2">
           <div v-for="(items, index) in docsConfig.sidebarNav" :key="index" class="flex flex-col space-y-3 pt-6">
-            <h4 class="font-medium">
-              {{ items.title }}
-            </h4>
+            <div class="flex items-center">
+              <h4 class="font-medium">
+                {{ items.title }}
+              </h4>
+              <Badge v-if="items.label" class="ml-2">
+                {{ items.label }}
+              </Badge>
+            </div>
 
             <a
               v-for="item in items.items" :key="item.href"
               :href="item.href"
-              class="text-muted-foreground"
+              class="text-muted-foreground inline-flex items-center"
               @click="open = false"
             >
               {{ item.title }}
+
+              <Badge v-if="item.label" class="ml-2">
+                {{ item.label }}
+              </Badge>
             </a>
           </div>
         </div>