feat(store, flow)!: Add apply changes handlers

* flow will not update changes unless a handler to apply changes is passed
* a default handler is available in the useVueFlow composable
* removeElements export removed

src/container/SelectionPane/SelectionPane.vue

@@ -33,6 +33,7 @@ onMounted(() => {
       store.hooks.nodesChange.trigger(nodeChanges)
       store.hooks.edgesChange.trigger(edgeChanges)
       store.nodesSelectionActive = false
+
       store.resetSelectedElements()
     }
   })
@@ -56,9 +57,8 @@ export default {
 <template>
   <UserSelection v-if="store.selectionActive" :key="`user-selection-${store.id}`" />
   <NodesSelection
-    v-if="store.selectedNodes.length && !store.selectionActive && store.nodesSelectionActive"
+    v-if="store.getSelectedNodes.length && !store.selectionActive && store.nodesSelectionActive"
     :key="`nodes-selction-${store.id}`"
-    :nodes="store.selectedNodes"
   />
   <div
     :key="`flow-pane-${store.id}`"

src/container/VueFlow/VueFlow.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { createHooks, initFlow } from '../../composables'
+import { createHooks, initFlow } from '../../store'
 import type { FlowProps } from '../../types/flow'
 import ZoomPane from '../ZoomPane/ZoomPane.vue'
 

src/container/ZoomPane/ZoomPane.vue

@@ -212,6 +212,7 @@ nextTick(async () => {
   }
   store.hooks.paneReady.trigger(instance)
   store.instance = instance
+  store.fitViewOnInit && instance.fitView()
 })
 </script>
 <script lang="ts">