docs: add node resizer example

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

docs/src/.vitepress/config.ts

@@ -211,6 +211,7 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
             { text: 'Custom Node', link: '/examples/nodes/' },
             { text: 'Update Node', link: '/examples/nodes/update-node' },
             { text: 'Nested Nodes', link: '/examples/nodes/nesting' },
+            { text: 'Node Resizer', link: '/examples/nodes/node-resizer' },
             { text: 'Node Toolbar', link: '/examples/nodes/node-toolbar' },
           ],
         },

docs/src/.vitepress/plugins/copy.ts

@@ -20,6 +20,10 @@ export function copyVueFlowPlugin(): Plugin {
           path: '../../../node_modules/@vue-flow/minimap/dist/',
           pkgName: 'vue-flow-minimap.mjs',
         },
+        {
+          path: '../../../node_modules/@vue-flow/node-resizer/dist/',
+          pkgName: 'vue-flow-node-resizer.mjs',
+        },
         {
           path: '../../../node_modules/@vue-flow/node-toolbar/dist/',
           pkgName: 'vue-flow-node-toolbar.mjs',

docs/src/components.d.ts

@@ -31,6 +31,7 @@ declare module '@vue/runtime-core' {
     Output: typeof import('./../components/home/nodes/Output.vue')['default']
     PiniaExample: typeof import('./../components/examples/pinia/PiniaExample.vue')['default']
     Repl: typeof import('./../components/Repl.vue')['default']
+    ResizableNode: typeof import('./../components/examples/node-resizer/ResizableNode.vue')['default']
     RGB: typeof import('./../components/home/flows/RGB.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']

docs/src/examples/nodes/node-resizer.md

@@ -0,0 +1,7 @@
+# Node Resizer
+
+The node resizer is a component that can be used to resize a node.
+
+<div class="mt-6">
+  <Repl example="resizable"></Repl> 
+</div>