docs: update nested example

2022-06-23 19:13:50 +02:00
parent c0920bfb4d
commit 6c06eeee74
2 changed files with 19 additions and 15 deletions
@@ -57,25 +57,27 @@ const connectionLineVisible = $(

 let groups = $ref<ReturnType<typeof groupEdgesByZLevel>>([])

-onPaneReady(() => {
-  const stop = watch(
-    [$$(elevateEdgesOnSelect), $$(getSelectedNodes), $$(getEdges), $$(getNodes)],
-    () => {
-      if (elevateEdgesOnSelect) {
-        nextTick(() => (groups = groupEdgesByZLevel(getEdges, getNode)))
-      }
-    },
-    {
-      flush: 'post',
-      immediate: true,
-    },
-  )
+const scope = effectScope()

-  onBeforeUnmount(() => {
-    stop()
+onPaneReady(() => {
+  scope.run(() => {
+    watch(
+      [$$(getSelectedNodes), $$(getEdges), $$(getNodes)],
+      () => {
+        if (elevateEdgesOnSelect) {
+          nextTick(() => (groups = groupEdgesByZLevel(getEdges, getNode)))
+        }
+      },
+      {
+        flush: 'post',
+        immediate: true,
+      },
+    )
  })
 })

+onBeforeUnmount(() => scope.stop())
+
 const getType = (type?: string, template?: GraphEdge['template']) => {
  const name = type || 'default'
  let edgeType = template ?? getEdgeTypes[name]