chore(docs,examples): replace dagre with dagrejs/dagre

Author: bcakmakoglu

docs/examples/index.ts

@@ -134,10 +134,10 @@ export const exampleImports = {
     'useLayout.js': useLayout,
     'Icon.vue': LayoutIcon,
     'additionalImports': {
-      '@vueuse/core': 'https://cdn.jsdelivr.net/npm/@vueuse/core@10.7.0/index.mjs',
-      '@vueuse/shared': 'https://cdn.jsdelivr.net/npm/@vueuse/shared@10.7.0/index.mjs',
-      'vue-demi': 'https://cdn.jsdelivr.net/npm/vue-demi@0.13.11/lib/index.mjs',
-      'dagre': 'https://cdn.skypack.dev/pin/dagre@v0.8.5-NOlknF82nBdUHQKLJWRC/mode=imports,min/optimized/dagre.js',
+      '@vueuse/core': 'https://cdn.jsdelivr.net/npm/@vueuse/core@latest/index.mjs',
+      '@vueuse/shared': 'https://cdn.jsdelivr.net/npm/@vueuse/shared@latest/index.mjs',
+      'vue-demi': 'https://cdn.jsdelivr.net/npm/vue-demi@latest/lib/index.mjs',
+      '@dagrejs/dagre': 'https://cdn.jsdelivr.net/npm/@dagrejs/dagre@1.1.2/dist/dagre.min.js',
     },
   },
 }

docs/examples/layout/useLayout.js

@@ -1,4 +1,4 @@
-import dagre from 'dagre'
+import dagre from '@dagrejs/dagre'
 import { Position, useVueFlow } from '@vue-flow/core'
 import { ref } from 'vue'
 

examples/vite/package.json

@@ -7,6 +7,7 @@
     "lint": "eslint --ext .js,.ts,.vue ./ && vue-tsc --noEmit"
   },
   "dependencies": {
+    "@dagrejs/dagre": "^1.1.2",
     "@vue-flow/background": "workspace:*",
     "@vue-flow/controls": "workspace:*",
     "@vue-flow/core": "workspace:*",
@@ -18,9 +19,7 @@
   "devDependencies": {
     "@tooling/eslint-config": "workspace:*",
     "@tooling/tsconfig": "workspace:*",
-    "@types/dagre": "^0.7.50",
     "@vitejs/plugin-vue": "^4.4.0",
-    "dagre": "^0.8.5",
     "unplugin-auto-import": "^0.16.6",
     "vite": "^4.4.11",
     "vite-svg-loader": "^4.0.0",

examples/vite/src/Layouting/LayoutingExample.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import dagre from 'dagre'
+import dagre from '@dagrejs/dagre'
 import { ConnectionMode, Panel, Position, VueFlow, useVueFlow } from '@vue-flow/core'
 
 import { initialEdges, initialNodes } from './initial-elements'

examples/vite/src/Layouting/useRunProcess.ts

@@ -1,4 +1,4 @@
-import type dagre from 'dagre'
+import type dagre from '@dagrejs/dagre'
 import type { Node } from '@vue-flow/core'
 import { useVueFlow } from '@vue-flow/core'
 import type { MaybeRefOrGetter } from 'vue'