docs: add dagre layout example

docs/examples/index.ts

@@ -18,6 +18,7 @@ import { IntersectionApp, IntersectionCSS } from './intersection'
 import { SnapToHandleApp, SnappableConnectionLine } from './connection-radius'
 import { NodeResizerApp, ResizableNode } from './node-resizer'
 import { ToolbarApp, ToolbarNode } from './node-toolbar'
+import { LayoutApp, LayoutElements } from './layout'
 
 export const exampleImports = {
   basic: {
@@ -123,4 +124,11 @@ export const exampleImports = {
     'App.vue': ToolbarApp,
     'ToolbarNode.vue': ToolbarNode,
   },
+  layout: {
+    'App.vue': LayoutApp,
+    'initial-elements.js': LayoutElements,
+    'additionalImports': {
+      dagre: 'https://cdn.skypack.dev/pin/dagre@v0.8.5-NOlknF82nBdUHQKLJWRC/mode=imports,min/optimized/dagre.js',
+    },
+  },
 }