From 09cea8324180c1783d4379abdaacbcbe35e4323c Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 17 Jun 2024 14:18:09 +0200
Subject: [PATCH] feat(core): add `VueFlowProvider`

---
 packages/core/src/composables/useVueFlow.ts   |  2 +-
 packages/core/src/context/VueFlowProvider.vue | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 packages/core/src/context/VueFlowProvider.vue

diff --git a/packages/core/src/composables/useVueFlow.ts b/packages/core/src/composables/useVueFlow.ts
index 9de7839da..ee2dae75f 100644
--- a/packages/core/src/composables/useVueFlow.ts
+++ b/packages/core/src/composables/useVueFlow.ts
@@ -19,7 +19,7 @@ type Scope = (EffectScope & { vueFlowId: string }) | undefined
  *
  * @public
  * @returns a vue flow store instance
- * @param idOrOpts - id of the store instance or options to create a new store instance
+ * @param idOrOpts - id of the store instance or options to pass to the store instance (options are deprecated!)
  */
 export function useVueFlow(id?: string): VueFlowStore
 export function useVueFlow(options?: FlowOptions): VueFlowStore
diff --git a/packages/core/src/context/VueFlowProvider.vue b/packages/core/src/context/VueFlowProvider.vue
new file mode 100644
index 000000000..9ad844372
--- /dev/null
+++ b/packages/core/src/context/VueFlowProvider.vue
@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { inject } from 'vue'
+import { useVueFlow } from '../composables'
+import { VueFlow } from './'
+
+const hasInjection = inject(VueFlow, null)
+
+if (!hasInjection) {
+  useVueFlow()
+}
+</script>
+
+<template>
+  <slot />
+</template>