From 1d17ffa6f9b9c3239ab642a998ba7cc9477237fd Mon Sep 17 00:00:00 2001
From: zernonia <zernonia@gmail.com>
Date: Tue, 5 Dec 2023 19:18:29 +0800
Subject: [PATCH] docs: add alpha label

---
 apps/www/.vitepress/theme/layout/DocsLayout.vue | 15 ++++++++++-----
 apps/www/src/content/docs/charts/area.md        |  1 +
 apps/www/src/content/docs/charts/bar.md         |  1 +
 apps/www/src/content/docs/charts/donut.md       |  1 +
 apps/www/src/content/docs/charts/line.md        |  1 +
 5 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/apps/www/.vitepress/theme/layout/DocsLayout.vue b/apps/www/.vitepress/theme/layout/DocsLayout.vue
index 4523987c..81197130 100644
--- a/apps/www/.vitepress/theme/layout/DocsLayout.vue
+++ b/apps/www/.vitepress/theme/layout/DocsLayout.vue
@@ -28,7 +28,7 @@ const sourceLink = 'https://github.com/radix-vue/shadcn-vue/tree/dev/'
               >
                 {{ docsGroup.title }}
 
-                <Badge v-if="docsGroup.label" class="ml-2" :variant="'secondary'">
+                <Badge v-if="docsGroup.label" class="ml-2">
                   {{ docsGroup.label }}
                 </Badge>
               </h4>
@@ -49,7 +49,7 @@ const sourceLink = 'https://github.com/radix-vue/shadcn-vue/tree/dev/'
                 >
                   {{ doc.title }}
 
-                  <Badge v-if="doc.label" class="ml-2" :variant="'secondary'">
+                  <Badge v-if="doc.label" class="ml-2">
                     {{ doc.label }}
                   </Badge>
                 </a>
@@ -76,9 +76,14 @@ const sourceLink = 'https://github.com/radix-vue/shadcn-vue/tree/dev/'
           </div>
 
           <div class="space-y-2">
-            <h1 class="scroll-m-20 text-4xl font-bold tracking-tight">
-              {{ frontmatter.title }}
-            </h1>
+            <div class="flex items-center space-x-4">
+              <h1 class="scroll-m-20 text-4xl font-bold tracking-tight">
+                {{ frontmatter.title }}
+              </h1>
+              <Badge v-if="frontmatter.label">
+                {{ frontmatter.label }}
+              </Badge>
+            </div>
             <p class="text-lg text-muted-foreground">
               {{ frontmatter.description }}
             </p>
diff --git a/apps/www/src/content/docs/charts/area.md b/apps/www/src/content/docs/charts/area.md
index 95d55b72..ac22285c 100644
--- a/apps/www/src/content/docs/charts/area.md
+++ b/apps/www/src/content/docs/charts/area.md
@@ -1,6 +1,7 @@
 ---
 title: Area
 description: Displays a callout for user attention.
+label: Alpha
 ---
 
 
diff --git a/apps/www/src/content/docs/charts/bar.md b/apps/www/src/content/docs/charts/bar.md
index 961883b1..5c260a3e 100644
--- a/apps/www/src/content/docs/charts/bar.md
+++ b/apps/www/src/content/docs/charts/bar.md
@@ -1,6 +1,7 @@
 ---
 title: Bar
 description: Displays a callout for user attention.
+label: Alpha
 ---
 
 
diff --git a/apps/www/src/content/docs/charts/donut.md b/apps/www/src/content/docs/charts/donut.md
index 88c52450..204b8e98 100644
--- a/apps/www/src/content/docs/charts/donut.md
+++ b/apps/www/src/content/docs/charts/donut.md
@@ -1,6 +1,7 @@
 ---
 title: Donut
 description: Displays a callout for user attention.
+label: Alpha
 ---
 
 
diff --git a/apps/www/src/content/docs/charts/line.md b/apps/www/src/content/docs/charts/line.md
index 081fd0cc..a415433d 100644
--- a/apps/www/src/content/docs/charts/line.md
+++ b/apps/www/src/content/docs/charts/line.md
@@ -1,6 +1,7 @@
 ---
 title: Line
 description: Displays a callout for user attention.
+label: Alpha
 ---