chore(docs): update nav

Author: Barbapapazes

packages/.vitepress/config.mts

@@ -35,84 +35,97 @@ export default defineConfig({
     editLink: {
       pattern: 'https://github.com/barbapapazes-sponsors/vue-ui/edit/main/src/:path',
     },
-    sidebar: [
+    nav: [
       {
         text: 'Usage',
-        items: [
-          {
-            text: 'About',
-            link: '/usage/about',
-          },
-          {
-            text: 'Installation',
-            link: '/usage/installation',
-          },
-          // Move the Inertia page to the installation one and use div to make it change depending on the selected tool
-          {
-            text: 'Inertia',
-            link: '/usage/inertia',
-          },
-        ],
+        link: '/installation',
       },
       {
-        text: 'Components',
-        items: [
-          ...baseComponentLibrary.componentsList.map(component => ({
-            text: component.name,
-            link: withTrailingSlash(component.slug),
-          })),
-        ],
+        text: 'Base Components',
+        link: '/base-components/components/',
       },
       {
-        text: 'Composables',
-        items: [
-          ...baseComponentLibrary.composablesList.map(composable => ({
-            text: composable.name,
-            link: withTrailingSlash(composable.slug),
-          })),
-        ],
-      },
-      {
-        text: 'Keys',
-        collapsed: true,
-        items: [
-          ...baseComponentLibrary.keysList.map(key => ({
-            text: key.name,
-            link: withTrailingSlash(key.slug),
-          })),
-        ],
-      },
-      {
-        text: 'Utils',
-        collapsed: true,
-        items: [
-          ...baseComponentLibrary.utilsList.map(utils => ({
-            text: utils.name,
-            link: withTrailingSlash(utils.slug),
-          })),
-        ],
-      },
-      {
-        text: 'Types',
-        collapsed: true,
-        items: [
-          ...baseComponentLibrary.typesList.map(type => ({
-            text: type.name,
-            link: withTrailingSlash(type.slug),
-          })),
-        ],
-      },
-      {
-        text: 'Theme',
-        collapsed: true,
-        items: [
-          ...baseComponentLibrary.themeList.map(theme => ({
-            text: theme.name,
-            link: withTrailingSlash(theme.slug),
-          })),
-        ],
+        text: 'App Components',
+        link: '/app-components/components/',
       },
     ],
+    sidebar: {
+      '/': [
+        {
+          text: 'About',
+          link: '/about',
+        },
+        {
+          text: 'Installation',
+          link: '/installation',
+        },
+        {
+          text: 'Upgrading',
+          link: '/upgrading',
+        },
+      ],
+      '/base-components/': [
+        {
+          text: 'Components',
+          items: [
+            ...baseComponentLibrary.componentsList.map(component => ({
+              text: component.name,
+              link: withTrailingSlash(component.slug),
+            })),
+          ],
+        },
+        {
+          text: 'Composables',
+          items: [
+            ...baseComponentLibrary.composablesList.map(composable => ({
+              text: composable.name,
+              link: withTrailingSlash(composable.slug),
+            })),
+          ],
+        },
+        {
+          text: 'Keys',
+          collapsed: true,
+          items: [
+            ...baseComponentLibrary.keysList.map(key => ({
+              text: key.name,
+              link: withTrailingSlash(key.slug),
+            })),
+          ],
+        },
+        {
+          text: 'Utils',
+          collapsed: true,
+          items: [
+            ...baseComponentLibrary.utilsList.map(utils => ({
+              text: utils.name,
+              link: withTrailingSlash(utils.slug),
+            })),
+          ],
+        },
+        {
+          text: 'Types',
+          collapsed: true,
+          items: [
+            ...baseComponentLibrary.typesList.map(type => ({
+              text: type.name,
+              link: withTrailingSlash(type.slug),
+            })),
+          ],
+        },
+        {
+          text: 'Theme',
+          collapsed: true,
+          items: [
+            ...baseComponentLibrary.themeList.map(theme => ({
+              text: theme.name,
+              link: withTrailingSlash(theme.slug),
+            })),
+          ],
+        },
+      ],
+      '/app-components/': [],
+    },
   },
 
   buildEnd: () => {

packages/index.md

@@ -8,5 +8,5 @@ hero:
   actions:
     - theme: brand
       text: Get Started
-      link: /base-components/components
+      link: /installation
 ---

packages/upgrade.md packages/upgrading.mdpackages/upgrade.md renamed to packages/upgrading.md

@@ -1,4 +1,4 @@
-# Upgrade Guide
+# Upgrading
 
 To upgrade your components, use the same script provided for the installation process: