diff --git a/apps/www/.vitepress/theme/config/docs.ts b/apps/www/.vitepress/theme/config/docs.ts
index 872a3814..3eaca81f 100644
--- a/apps/www/.vitepress/theme/config/docs.ts
+++ b/apps/www/.vitepress/theme/config/docs.ts
@@ -8,11 +8,11 @@ export interface NavItem {
}
export type SidebarNavItem = NavItem & {
- items: SidebarNavItem[]
+ items?: SidebarNavItem[]
}
export type NavItemWithChildren = NavItem & {
- items: NavItemWithChildren[]
+ items?: NavItemWithChildren[]
}
interface DocsConfig {
@@ -51,47 +51,38 @@ export const docsConfig: DocsConfig = {
{
title: 'Introduction',
href: '/docs/introduction',
- items: [],
},
{
title: 'Installation',
href: '/docs/installation',
- items: [],
},
{
title: 'components.json',
href: '/docs/components-json',
- items: [],
},
{
title: 'Theming',
href: '/docs/theming',
- items: [],
},
{
title: 'CLI',
href: '/docs/cli',
- items: [],
},
{
title: 'Typography',
href: '/docs/typography',
- items: [],
},
{
title: 'Figma',
href: '/docs/figma',
- items: [],
},
{
title: 'Changelog',
href: '/docs/changelog',
- items: [],
},
{
title: 'About',
href: '/docs/about',
- items: [],
},
],
},
@@ -101,47 +92,40 @@ export const docsConfig: DocsConfig = {
{
title: 'Vite',
href: '/docs/installation/vite',
- items: [],
},
{
title: 'Nuxt',
href: '/docs/installation/nuxt',
- items: [],
},
{
title: 'Astro',
href: '/docs/installation/astro',
- items: [],
},
{
title: 'Laravel',
href: '/docs/installation/laravel',
- items: [],
},
],
},
{
title: 'Charts',
+ label: 'Alpha',
items: [
{
title: 'Area',
href: '/docs/charts/area',
- items: [],
},
{
title: 'Line',
href: '/docs/charts/line',
- items: [],
},
{
title: 'Bar',
href: '/docs/charts/bar',
- items: [],
},
{
title: 'Donut',
href: '/docs/charts/donut',
- items: [],
},
],
},
@@ -151,208 +135,166 @@ export const docsConfig: DocsConfig = {
{
title: 'Accordion',
href: '/docs/components/accordion',
- items: [],
},
{
title: 'Alert',
href: '/docs/components/alert',
- items: [],
},
{
title: 'Alert Dialog',
href: '/docs/components/alert-dialog',
- items: [],
},
{
title: 'Aspect Ratio',
href: '/docs/components/aspect-ratio',
- items: [],
},
{
title: 'Avatar',
href: '/docs/components/avatar',
- items: [],
},
{
title: 'Badge',
href: '/docs/components/badge',
- items: [],
},
{
title: 'Button',
href: '/docs/components/button',
- items: [],
},
{
title: 'Calendar',
href: '/docs/components/calendar',
- items: [],
},
{
title: 'Card',
href: '/docs/components/card',
- items: [],
},
{
title: 'Checkbox',
href: '/docs/components/checkbox',
- items: [],
},
{
title: 'Collapsible',
href: '/docs/components/collapsible',
- items: [],
},
{
title: 'Combobox',
href: '/docs/components/combobox',
- items: [],
},
{
title: 'Command',
href: '/docs/components/command',
- items: [],
},
{
title: 'Context Menu',
href: '/docs/components/context-menu',
- items: [],
},
{
title: 'Data Table',
href: '/docs/components/data-table',
- items: [],
},
{
title: 'Date Picker',
href: '/docs/components/date-picker',
- items: [],
},
{
title: 'Dialog',
href: '/docs/components/dialog',
- items: [],
},
{
title: 'Dropdown Menu',
href: '/docs/components/dropdown-menu',
- items: [],
},
{
title: 'Form',
href: '/docs/components/form',
- items: [],
},
{
title: 'Hover Card',
href: '/docs/components/hover-card',
- items: [],
},
{
title: 'Input',
href: '/docs/components/input',
- items: [],
},
{
title: 'Label',
href: '/docs/components/label',
- items: [],
},
{
title: 'Menubar',
href: '/docs/components/menubar',
- items: [],
},
{
title: 'Navigation Menu',
href: '/docs/components/navigation-menu',
- items: [],
},
{
title: 'Pagination',
href: '/docs/components/pagination',
- items: [],
},
{
title: 'Popover',
href: '/docs/components/popover',
- items: [],
},
{
title: 'Progress',
href: '/docs/components/progress',
- items: [],
},
{
title: 'Radio Group',
href: '/docs/components/radio-group',
- items: [],
},
{
title: 'Scroll Area',
href: '/docs/components/scroll-area',
- items: [],
},
{
title: 'Select',
href: '/docs/components/select',
- items: [],
},
{
title: 'Separator',
href: '/docs/components/separator',
- items: [],
},
{
title: 'Sheet',
href: '/docs/components/sheet',
- items: [],
},
{
title: 'Skeleton',
href: '/docs/components/skeleton',
- items: [],
},
{
title: 'Slider',
href: '/docs/components/slider',
- items: [],
},
{
title: 'Switch',
href: '/docs/components/switch',
- items: [],
},
{
title: 'Table',
href: '/docs/components/table',
- items: [],
},
{
title: 'Tabs',
href: '/docs/components/tabs',
- items: [],
},
{
title: 'Textarea',
href: '/docs/components/textarea',
- items: [],
},
{
title: 'Toast',
href: '/docs/components/toast',
- label: 'New',
- items: [],
},
{
title: 'Toggle',
href: '/docs/components/toggle',
- items: [],
},
{
title: 'Tooltip',
href: '/docs/components/tooltip',
- items: [],
},
],
},
diff --git a/apps/www/.vitepress/theme/layout/DocsLayout.vue b/apps/www/.vitepress/theme/layout/DocsLayout.vue
index 522d776f..4523987c 100644
--- a/apps/www/.vitepress/theme/layout/DocsLayout.vue
+++ b/apps/www/.vitepress/theme/layout/DocsLayout.vue
@@ -27,6 +27,10 @@ const sourceLink = 'https://github.com/radix-vue/shadcn-vue/tree/dev/'
class="mb-1 rounded-md px-2 py-1 text-sm font-semibold"
>
{{ docsGroup.title }}
+
+