feat(docs): Add docs index page

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

docs/components/Header.vue

@@ -1,17 +1,27 @@
+<script setup>
+import { useStore } from '@braks/vue-flow'
+const store = useStore()
+</script>
 <template>
   <header class="flex border-b-1 border-black border-solid items-center py-4 px-8 font-semibold text-white">
     <div class="flex flex-col">
-      <a class="logo text-xl" href="https://github.com/bcakmakoglu/vue-flow"> Vue Flow </a>
+      <a class="logo text-xl" href="https://github.com/bcakmakoglu/vue-flow">
+        Vue Flow <span class="text-xs">v{{ store.vueFlowVersion }}</span></a
+      >
       <span class="text-xs text-gray-800 mt-2"
         >An open source library by <a href="https://github.com/bcakmakoglu/bcakmakoglu">Braks</a> <br />
         Based on <a href="https://reactflow.dev">React Flow</a>
       </span>
     </div>
-    <div class="flex-1"><span class="button text-gray-400">Docs</span></div>
     <div class="flex-1">
-      <router-link class="link" to="/examples"> Examples</router-link>
+      <router-link class="link" to="/docs">Docs</router-link>
+    </div>
+    <div class="flex-1">
+      <router-link class="link" to="/examples">Examples</router-link>
+    </div>
+    <div class="flex-1">
+      <a class="link" href="https://github.com/bcakmakoglu/vue-flow">Github</a>
     </div>
-    <div class="flex-1"><a class="link" href="https://github.com/bcakmakoglu/vue-flow">Github</a></div>
   </header>
 </template>
 <style scoped>