fix: replace store id with flow id

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

src/container/TransformationPane/TransformationPane.vue

@@ -3,27 +3,28 @@ import NodeRenderer from '../NodeRenderer/NodeRenderer.vue'
 import EdgeRenderer from '../EdgeRenderer/EdgeRenderer.vue'
 import { useVueFlow } from '../../composables'
 
-const { store } = useVueFlow()
+const { id, store } = useVueFlow()
 </script>
 <template>
   <div
+    :key="`transformation-pane-${id}`"
     class="vue-flow__transformation-pane vue-flow__container"
     :style="{ transform: `translate(${store.transform[0]}px,${store.transform[1]}px) scale(${store.transform[2]})` }"
   >
-    <NodeRenderer :key="`node-renderer-${store.id}`">
+    <NodeRenderer :key="`node-renderer-${id}`">
       <template
         v-for="nodeName of Object.keys(store.getNodeTypes)"
         #[`node-${nodeName}`]="nodeProps"
-        :key="`node-${nodeName}-${store.id}`"
+        :key="`node-${nodeName}-${id}`"
       >
         <slot :name="`node-${nodeName}`" v-bind="nodeProps" />
       </template>
     </NodeRenderer>
-    <EdgeRenderer :key="`edge-renderer-${store.id}`">
+    <EdgeRenderer :key="`edge-renderer-${id}`">
       <template
         v-for="edgeName of Object.keys(store.getEdgeTypes)"
         #[`edge-${edgeName}`]="edgeProps"
-        :key="`edge-${edgeName}-${store.id}`"
+        :key="`edge-${edgeName}-${id}`"
       >
         <slot :name="`edge-${edgeName}`" v-bind="edgeProps" />
       </template>