From b48a760a1e59d21808e66d2bc6e4f05988349708 Mon Sep 17 00:00:00 2001
From: cocos02 <cocos02@163.com>
Date: Mon, 8 Jun 2026 12:10:18 +0800
Subject: [PATCH] fix: use local refs for nodes/edges, only useVueFlow for
 events and fitView

---
 editor/components/SceneGraph.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/editor/components/SceneGraph.vue b/editor/components/SceneGraph.vue
index cd1b113..35ac30d 100644
--- a/editor/components/SceneGraph.vue
+++ b/editor/components/SceneGraph.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { watch, nextTick } from 'vue'
+import { ref, watch, nextTick } from 'vue'
 import { VueFlow, useVueFlow } from '@vue-flow/core'
 import { Background } from '@vue-flow/background'
 import { Controls } from '@vue-flow/controls'
@@ -20,7 +20,9 @@ const emit = defineEmits<{
   addEdge: [source: string, target: string]
 }>()
 
-const { nodes, edges, onNodeClick, onConnect, fitView } = useVueFlow()
+const nodes = ref<any[]>([])
+const edges = ref<any[]>([])
+const { onNodeClick, onConnect, fitView } = useVueFlow()
 
 function makeNodes() {
   return props.sceneNodes.map((n, i) => ({
@@ -99,6 +101,8 @@ onConnect((conn: Connection) => {
 <template>
   <div class="scene-graph">
     <VueFlow
+      :nodes="nodes"
+      :edges="edges"
       :min-zoom="0.2"
       :max-zoom="2"
     >