fix: pass props to store state

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

examples/Interaction/InteractionExample.vue

@@ -22,9 +22,9 @@ const initialElements: Elements = [
   { id: 'e1-3', source: '1', target: '3' },
 ]
 
-const onNodeDragStart = (_: MouseEvent, node: Node) => console.log('drag start', node)
+const onNodeDragStart = ({ node }) => console.log('drag start', node)
-const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node)
+const onNodeDragStop = ({ node }) => console.log('drag stop', node)
-const onElementClick = (_: MouseEvent, element: FlowElement) => console.log('click', element)
+const onElementClick = ({ element }) => console.log('click', element)
 const onPaneClick = (event: MouseEvent) => console.log('onPaneClick', event)
 const onPaneScroll = (event?: WheelEvent) => console.log('onPaneScroll', event)
 const onPaneContextMenu = (event: MouseEvent) => console.log('onPaneContextMenu', event)

src/container/VueFlow/VueFlow.vue

@@ -116,6 +116,7 @@ const store = useStore(props)
 const hooks = useHooks(emit)
 
 const init = (opts: typeof props) => {
+  store.$state = { ...store.$state, ...opts }
   store.setElements(opts.elements)
   store.setMinZoom(opts.minZoom)
   store.setMaxZoom(opts.maxZoom)