docs: make sidebar config a bit more organized

docs/.vitepress/config.js

@@ -20,19 +20,28 @@ module.exports = {
     ],
 
     sidebar: {
-      '/guide/': [
+      '/': getGuideSidebar(),
-        {
+      '/guide/': getGuideSidebar(),
-          text: 'Introduction',
+      '/config/': getConfigSidebar()
-          children: [
-            { text: 'What is VitePress?', link: '/' },
-            { text: 'Getting Started', link: '/guide/getting-started' },
-            { text: 'Configuration', link: '/guide/configuration' },
-            { text: 'Customization', link: '/guide/customization' },
-            { text: 'Deploying', link: '/guide/deploy' }
-          ]
-        }
-      ],
-      '/config/': [{ text: 'Config Reference', link: '/config/' }]
     }
   }
 }
+
+function getGuideSidebar() {
+  return [
+    {
+      text: 'Introduction',
+      children: [
+        { text: 'What is VitePress?', link: '/' },
+        { text: 'Getting Started', link: '/guide/getting-started' },
+        { text: 'Configuration', link: '/guide/configuration' },
+        { text: 'Customization', link: '/guide/customization' },
+        { text: 'Deploying', link: '/guide/deploy' }
+      ]
+    }
+  ]
+}
+
+function getConfigSidebar() {
+  return [{ text: 'Config Reference', link: '/config/' }]
+}