From 97d89bf4c797f9c128c07128bfff89e298dce888 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 25 Jul 2022 17:43:47 +0200
Subject: [PATCH] feat: expose flow store and element ref

# What's changed?

* add define expose to expose vue flow store instance
---
 .../vue-flow/src/container/VueFlow/VueFlow.vue     | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/vue-flow/src/container/VueFlow/VueFlow.vue b/packages/vue-flow/src/container/VueFlow/VueFlow.vue
index 100a2577..eb20ef56 100644
--- a/packages/vue-flow/src/container/VueFlow/VueFlow.vue
+++ b/packages/vue-flow/src/container/VueFlow/VueFlow.vue
@@ -110,6 +110,8 @@ const dispose = useWatch({ modelValue, nodes: modelNodes, edges: modelEdges }, p
   ...rest,
 })
 
+const el = ref<HTMLDivElement>()
+
 onUnmounted(() => {
   dispose()
   $reset()
@@ -118,6 +120,16 @@ onUnmounted(() => {
 useHooks(emit, hooks.value)
 
 provide(Slots, useSlots())
+
+defineExpose({
+  el,
+  id,
+  hooks,
+  getNodeTypes,
+  getEdgeTypes,
+  $reset,
+  ...rest,
+})
 </script>
 
 <script lang="ts">
@@ -127,7 +139,7 @@ export default {
 </script>
 
 <template>
-  <div class="vue-flow">
+  <div ref="el" class="vue-flow">
     <Viewport>
       <template #nodes>
         <template v-for="nodeName of Object.keys(getNodeTypes)">