From 88bb146f1f97231406149ec1b5e2f041257701fa Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sun, 3 Apr 2022 17:48:09 +0200
Subject: [PATCH] chore(docs): update sidebar conf

---
 docs/src/.vuepress/config.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/docs/src/.vuepress/config.ts b/docs/src/.vuepress/config.ts
index 8ed6a811..22d126e8 100644
--- a/docs/src/.vuepress/config.ts
+++ b/docs/src/.vuepress/config.ts
@@ -8,9 +8,11 @@ import Icons from 'unplugin-icons/vite'
 import Components from 'unplugin-vue-components/vite'
 import AutoImport from 'unplugin-auto-import/vite'
 import head from './head'
+import { useVueFlow } from '@braks/vue-flow'
 
 config({ path: resolve(__dirname, '.env') })
 
+const { vueFlowVersion } = useVueFlow()
 export default defineUserConfig<DefaultThemeOptions>({
   title: 'Vue Flow',
   description: 'Visualize your ideas with Vue Flow, a highly customizable Vue3 Flowchart library.',
@@ -62,13 +64,29 @@ export default defineUserConfig<DefaultThemeOptions>({
     lastUpdated: true,
     contributors: true,
     darkMode: true,
+    sidebar: {
+      '/guide/': [
+        {
+          text: 'Guide',
+          children: ['/guide/', '/guide/getting-started', '/guide/theming'],
+        },
+      ],
+      '/examples/': [
+        {
+          text: 'Examples',
+          children: ['/examples/'],
+        },
+      ],
+    },
     navbar: [
+      { text: `v${vueFlowVersion.value}`, link: '' },
       { text: 'Guide', link: '/guide/', activeMatch: '^/guide/' },
       {
         text: 'Examples',
         link: '/examples/',
         activeMatch: '^/examples/',
       },
+      { text: 'TypeDocs', link: 'https://types.vueflow.dev/' },
     ],
   },
 })