feat: Add useVueFlow composable

* Allows for use of the vue flow instance without having to listen to the onLoad event
* fix usekeypress export
* Add types for controls events

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

src/composables/index.ts

@@ -5,3 +5,4 @@ export { default as useKeyPress } from './useKeyPress'
 export { default as useZoomPanHelper } from './useZoomPanHelper'
 export { default as useStore } from './useStore'
 export { default as useWindow } from './useWindow'
+export { default as useVueFlow } from './useVueFlow'

src/composables/useVueFlow.ts

@@ -0,0 +1,22 @@
+import useHooks from './useHooks'
+import useStore from './useStore'
+import { FlowInstance } from '~/types'
+
+export default () => {
+  const store = useStore()
+  const hooks = useHooks()
+  const isReady = ref(false)
+  const instance = ref<FlowInstance>()
+  hooks.load.on((flow) => {
+    isReady.value = true
+    instance.value = flow
+    if (import.meta.env.DEV) console.log(`vue flow ${store.$id} ready.`)
+  })
+
+  return {
+    isReady,
+    instance,
+    store,
+    hooks,
+  }
+}