refactor(core): hide edges when we have no dimensions

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/core/src/container/EdgeRenderer/EdgeRenderer.vue

@@ -18,6 +18,7 @@ const {
   getNodesInitialized,
   getEdgeTypes,
   elevateEdgesOnSelect,
+  dimensions,
 } = $(useVueFlow())
 
 const sourceNode = controlledComputed(
@@ -90,7 +91,13 @@ export default {
 </script>
 
 <template>
-  <svg v-for="group of groups" :key="group.level" class="vue-flow__edges vue-flow__container" :style="`z-index: ${group.level}`">
+  <template v-if="dimensions.width && dimensions.height">
+    <svg
+      v-for="group of groups"
+      :key="group.level"
+      class="vue-flow__edges vue-flow__container"
+      :style="`z-index: ${group.level}`"
+    >
       <MarkerDefinitions v-if="group.isMaxLevel" />
       <g>
         <EdgeWrapper
@@ -111,3 +118,4 @@ export default {
       <ConnectionLine :source-node="sourceNode" />
     </svg>
   </template>
+</template>