From a3b2348ea7b26c53c4284cb67dd90fb26f9fe5a3 Mon Sep 17 00:00:00 2001
From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 17 Feb 2022 13:21:47 +0100
Subject: [PATCH] update: use prop for fitViewOnInit

Signed-off-by: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
---
 src/container/VueFlow/VueFlow.vue   | 2 +-
 src/container/ZoomPane/ZoomPane.vue | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/container/VueFlow/VueFlow.vue b/src/container/VueFlow/VueFlow.vue
index 5a722721..b3a93eba 100644
--- a/src/container/VueFlow/VueFlow.vue
+++ b/src/container/VueFlow/VueFlow.vue
@@ -65,7 +65,7 @@ export default {
 </script>
 <template>
   <div class="vue-flow">
-    <ZoomPane :key="`renderer-${id}`">
+    <ZoomPane :key="`renderer-${id}`" :fit-view-on-init="fitViewOnInit">
       <template v-for="nodeName of Object.keys(getNodeTypes)" #[`node-${nodeName}`]="nodeProps" :key="`node-${nodeName}-${id}`">
         <slot :name="`node-${nodeName}`" v-bind="nodeProps" />
       </template>
diff --git a/src/container/ZoomPane/ZoomPane.vue b/src/container/ZoomPane/ZoomPane.vue
index 222ae432..bd7ca5eb 100644
--- a/src/container/ZoomPane/ZoomPane.vue
+++ b/src/container/ZoomPane/ZoomPane.vue
@@ -15,6 +15,8 @@ import {
 import SelectionPane from '../SelectionPane/SelectionPane.vue'
 import TransformationPane from '../TransformationPane/TransformationPane.vue'
 
+const props = defineProps<{ fitViewOnInit?: boolean }>()
+
 const { id, store } = useVueFlow()
 const zoomPaneEl = templateRef<HTMLDivElement>('zoomPane', null)
 
@@ -206,7 +208,7 @@ onMounted(async () => {
     toObject: onLoadToObject(store),
   }
   store.instance = instance
-  store.fitViewOnInit && instance.fitView()
+  props.fitViewOnInit && instance.fitView()
   store.hooks.paneReady.trigger(instance)
 })
 </script>