fix(docs): dedupe and add alias for vue

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

docs/assets/index.css

@@ -13,10 +13,9 @@ html,
 body,
 #root,
 #__nuxt {
-  height: 100vh;
   margin: 0;
+  height: 100%;
   color: #111;
-  overflow: hidden;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;

docs/components/Header.vue

@@ -1,5 +1,5 @@
 <template>
-  <header class="flex items-center py-4 px-8 text-white h-[92px]">
+  <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"

docs/nuxt.config.ts

@@ -1,3 +1,4 @@
+import { resolve } from 'path'
 import { defineNuxtConfig } from 'nuxt3'
 
 export default defineNuxtConfig({
@@ -8,5 +9,14 @@ export default defineNuxtConfig({
   router: {
     base: '/',
   },
+  vite: {
+    alias: {
+      vue: resolve('./node_modules/vue'),
+    },
+    resolve: {
+      dedupe: ['vue'],
+      preserveSymlinks: false,
+    },
+  },
   buildModules: ['nuxt-windicss'],
 })

docs/package.json

@@ -1,8 +1,8 @@
 {
   "private": true,
   "scripts": {
-    "dev": "nuxt dev",
-    "build": "nuxt build",
+    "dev": "nuxi dev",
+    "build": "nuxi build",
     "start": "node .output/server/index.mjs"
   },
   "dependencies": {
@@ -11,7 +11,6 @@
     "localforage": "^1.10.0"
   },
   "devDependencies": {
-    "@nuxt/nitro": "^0.10.0",
     "@types/dagre": "^0.7.46",
     "nuxt-windicss": "^2.0.4",
     "nuxt3": "latest"

docs/pages/examples/edge-types.vue

@@ -1,7 +1,4 @@
 <script lang="ts" setup>
-/**
- * Example for checking the different edge types and source and target positions
- */
 import {
   Flow,
   removeElements,

docs/pages/index.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup></script>
 <template>
-  <div class="flex justify-center items-center h-full">
+  <div class="flex justify-center items-center h-full w-full">
     <h1 class="text-5xl">Vue Flow</h1>
   </div>
 </template>