From 8eccc19d9ffc7534bee6e085d2be6f5a7c8b857b Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 24 Apr 2025 15:44:14 +0200
Subject: [PATCH 1/4] fix(core): add missing vue-flow__container class to
 marker defs (#1833)

---
 .changeset/happy-ghosts-drum.md                              | 5 +++++
 .../core/src/container/EdgeRenderer/MarkerDefinitions.vue    | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/happy-ghosts-drum.md

diff --git a/.changeset/happy-ghosts-drum.md b/.changeset/happy-ghosts-drum.md
new file mode 100644
index 000000000..7bcc08a39
--- /dev/null
+++ b/.changeset/happy-ghosts-drum.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": patch
+---
+
+Add missing vue-flow\_\_container class to marker defs.
diff --git a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue
index 36ad934ec..24dc5d010 100644
--- a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue
+++ b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue
@@ -49,7 +49,7 @@ export default {
 </script>
 
 <template>
-  <svg class="vue-flow__marker" aria-hidden="true">
+  <svg class="vue-flow__marker vue-flow__container" aria-hidden="true">
     <defs>
       <MarkerSymbols
         v-for="marker of markers"

From 390be40fce78037d90c51bc608dbd7e39148a87b Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Thu, 24 Apr 2025 13:44:43 +0000
Subject: [PATCH 2/4] chore: bump versions

---
 .changeset/happy-ghosts-drum.md | 5 -----
 packages/core/CHANGELOG.md      | 6 ++++++
 packages/core/package.json      | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)
 delete mode 100644 .changeset/happy-ghosts-drum.md

diff --git a/.changeset/happy-ghosts-drum.md b/.changeset/happy-ghosts-drum.md
deleted file mode 100644
index 7bcc08a39..000000000
--- a/.changeset/happy-ghosts-drum.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@vue-flow/core": patch
----
-
-Add missing vue-flow\_\_container class to marker defs.
diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
index e12d3c3bd..b87d23b48 100644
--- a/packages/core/CHANGELOG.md
+++ b/packages/core/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @vue-flow/core
 
+## 1.43.1
+
+### Patch Changes
+
+- [#1833](https://github.com/bcakmakoglu/vue-flow/pull/1833) [`8eccc19`](https://github.com/bcakmakoglu/vue-flow/commit/8eccc19d9ffc7534bee6e085d2be6f5a7c8b857b) Thanks [@bcakmakoglu](https://github.com/bcakmakoglu)! - Add missing vue-flow\_\_container class to marker defs.
+
 ## 1.43.0
 
 ### Minor Changes
diff --git a/packages/core/package.json b/packages/core/package.json
index a7cf201c9..0700aa635 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vue-flow/core",
-  "version": "1.43.0",
+  "version": "1.43.1",
   "private": false,
   "license": "MIT",
   "author": "Burak Cakmakoglu<78412429+bcakmakoglu@users.noreply.github.com>",

From 537af0d3eba4e6e4b4f6fd50ec5e8f446c306c14 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 3/4] 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 5368a7f95..aba66038f 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>

From 9b0ad89d71781d7fa5ed05dd7fac73a0487ce7c3 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 17 Jun 2024 14:25:03 +0200
Subject: [PATCH 4/4] chore(core): cleanup

---
 .../VueFlowProvider/VueFlowProvider.vue       | 23 +++++++++++++++++++
 packages/core/src/context/VueFlowProvider.vue | 15 ------------
 packages/core/src/types/flow.ts               |  6 +++++
 3 files changed, 29 insertions(+), 15 deletions(-)
 create mode 100644 packages/core/src/components/VueFlowProvider/VueFlowProvider.vue
 delete mode 100644 packages/core/src/context/VueFlowProvider.vue

diff --git a/packages/core/src/components/VueFlowProvider/VueFlowProvider.vue b/packages/core/src/components/VueFlowProvider/VueFlowProvider.vue
new file mode 100644
index 000000000..acda6d86f
--- /dev/null
+++ b/packages/core/src/components/VueFlowProvider/VueFlowProvider.vue
@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { inject } from 'vue'
+import { useVueFlow } from '../../composables'
+import { VueFlow } from '../../context'
+import type { VueFlowProviderProps } from '../../types'
+
+const props = defineProps<VueFlowProviderProps>()
+
+const hasInjection = inject(VueFlow, null)
+
+if (!hasInjection) {
+  // createVueFlow() or setupVueFlow()
+  useVueFlow({
+    nodes: props.initialNodes,
+    edges: props.initialEdges,
+    fitViewOnInit: props.fitViewOnInit,
+  })
+}
+</script>
+
+<template>
+  <slot />
+</template>
diff --git a/packages/core/src/context/VueFlowProvider.vue b/packages/core/src/context/VueFlowProvider.vue
deleted file mode 100644
index 9ad844372..000000000
--- a/packages/core/src/context/VueFlowProvider.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<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>
diff --git a/packages/core/src/types/flow.ts b/packages/core/src/types/flow.ts
index 4ea8134aa..3fa4aa819 100644
--- a/packages/core/src/types/flow.ts
+++ b/packages/core/src/types/flow.ts
@@ -331,3 +331,9 @@ export interface FlowSlots extends NodeSlots, EdgeSlots {
   'zoom-pane': () => any
   'default': () => any
 }
+
+export interface VueFlowProviderProps {
+  initialNodes?: Node[]
+  initialEdges?: Edge[]
+  fitViewOnInit?: boolean
+}