feat(docs): Initial commit for docs in nuxt 3

docs/components/Header.vue

@@ -0,0 +1,16 @@
+<template>
+  <header class="flex items-center py-4 px-8 text-white">
+    <div class="flex flex-col">
+      <a class="logo text-xl" href="https://github.com/bcakmakoglu/vue-flow"> Vue Flow </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">Docs</div>
+    <div class="flex-1">
+      <router-link to="/examples"> Examples </router-link>
+    </div>
+    <div class="flex-1">Github</div>
+  </header>
+</template>

docs/components/Sidebar.vue

@@ -0,0 +1,17 @@
+<script lang="ts" setup></script>
+<template>
+  <aside>
+    <div class="description">You can drag these nodes to the pane on the left.</div>
+    <slot></slot>
+  </aside>
+</template>
+<style>
+aside {
+  border-right: 1px solid #eee;
+  padding: 15px 10px;
+  background: #fff;
+  height: 100%; /* Full-height: remove this if you want "auto" height */
+  width: 280px; /* Set the width of the sidebar */
+  overflow-x: hidden; /* Disable horizontal scroll */
+}
+</style>