chore(docs): update example styles (#1469)

* chore(docs): update basic example styles

* chore(docs): update confirm delete example styles

* chore(docs): update dnd example styles

* chore(docs): update hidden example

* chore(docs): update update node example

* chore(docs): update node toolbar example styles

* chore(docs): update transition example styles

* chore(docs): cleanup basic example els

* chore(docs): cleanup examples

docs/examples/node-resizer/App.vue

@@ -7,7 +7,7 @@ const nodes = ref([
   {
     id: '1',
     type: 'resizable',
-    label: 'NodeResizer',
+    data: { label: 'NodeResizer' },
     position: { x: 0, y: 0 },
     style: { background: '#fff', border: '2px solid black' },
   },
@@ -17,7 +17,7 @@ const nodes = ref([
 <template>
   <VueFlow :nodes="nodes" fit-view-on-init>
     <template #node-resizable="resizableNodeProps">
-      <ResizableNode :label="resizableNodeProps.label" />
+      <ResizableNode :data="resizableNodeProps.data" />
     </template>
   </VueFlow>
 </template>

docs/examples/node-resizer/ResizableNode.vue

@@ -2,13 +2,13 @@
 import { Handle, Position } from '@vue-flow/core'
 import { NodeResizer } from '@vue-flow/node-resizer'
 
-defineProps(['label'])
+defineProps(['data'])
 </script>
 
 <template>
   <NodeResizer min-width="100" min-height="30" />
 
   <Handle type="target" :position="Position.Left" />
-  <div style="padding: 10px">{{ label }}</div>
+  <div style="padding: 10px">{{ data.label }}</div>
   <Handle type="source" :position="Position.Right" />
 </template>