docs: add alpha label

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">
+            <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>

apps/www/src/content/docs/charts/area.md

@@ -1,6 +1,7 @@
 ---
 title: Area
 description: Displays a callout for user attention.
+label: Alpha
 ---
 
 

apps/www/src/content/docs/charts/bar.md

@@ -1,6 +1,7 @@
 ---
 title: Bar
 description: Displays a callout for user attention.
+label: Alpha
 ---
 
 

apps/www/src/content/docs/charts/donut.md

@@ -1,6 +1,7 @@
 ---
 title: Donut
 description: Displays a callout for user attention.
+label: Alpha
 ---
 
 

apps/www/src/content/docs/charts/line.md

@@ -1,6 +1,7 @@
 ---
 title: Line
 description: Displays a callout for user attention.
+label: Alpha
 ---