From 7367345d8dcb2a0b118227a3d68c8192075439f9 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 15 Dec 2021 20:06:51 +0100
Subject: [PATCH] update: v-if on node/edgerenderer

* add applyDefault to state

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 src/container/TransformationPane/TransformationPane.vue | 4 ++--
 src/container/ZoomPane/ZoomPane.vue                     | 2 +-
 src/types/store.ts                                      | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/container/TransformationPane/TransformationPane.vue b/src/container/TransformationPane/TransformationPane.vue
index 0293f18b..30993226 100644
--- a/src/container/TransformationPane/TransformationPane.vue
+++ b/src/container/TransformationPane/TransformationPane.vue
@@ -9,7 +9,7 @@ const transform = computed(() => `translate(${store.transform[0]}px,${store.tran
 </script>
 <template>
   <div :key="`transformation-pane-${id}`" class="vue-flow__transformation-pane vue-flow__container" :style="{ transform }">
-    <NodeRenderer :key="`node-renderer-${id}`">
+    <NodeRenderer v-if="store.getNodes.length" :key="`node-renderer-${id}`">
       <template
         v-for="nodeName of Object.keys(store.getNodeTypes)"
         #[`node-${nodeName}`]="nodeProps"
@@ -18,7 +18,7 @@ const transform = computed(() => `translate(${store.transform[0]}px,${store.tran
         <slot :name="`node-${nodeName}`" v-bind="nodeProps" />
       </template>
     </NodeRenderer>
-    <EdgeRenderer :key="`edge-renderer-${id}`">
+    <EdgeRenderer v-if="store.getEdges.length" :key="`edge-renderer-${id}`">
       <template
         v-for="edgeName of Object.keys(store.getEdgeTypes)"
         #[`edge-${edgeName}`]="edgeProps"
diff --git a/src/container/ZoomPane/ZoomPane.vue b/src/container/ZoomPane/ZoomPane.vue
index 8515897d..9e465c14 100644
--- a/src/container/ZoomPane/ZoomPane.vue
+++ b/src/container/ZoomPane/ZoomPane.vue
@@ -217,7 +217,7 @@ export default {
 </script>
 <template>
   <div ref="zoomPane" class="vue-flow__renderer vue-flow__container">
-    <TransformationPane v-if="store.getNodes.length">
+    <TransformationPane>
       <template
         v-for="nodeName of Object.keys(store.getNodeTypes)"
         #[`node-${nodeName}`]="nodeProps"
diff --git a/src/types/store.ts b/src/types/store.ts
index 28908c0b..aff3fb11 100644
--- a/src/types/store.ts
+++ b/src/types/store.ts
@@ -65,6 +65,7 @@ export interface State<N = any, E = N> extends Omit<FlowOptions<N, E>, 'id' | 'e
 
   paneReady: boolean
   initialized: boolean
+  applyDefault: boolean
 
   vueFlowVersion: string
 }