docs: cleanup examples

bcakmakoglu · bcakmakoglu · commit a220161876d6 · 2024-06-06T10:45:38.000+02:00
diff --git a/docs/examples/connection-radius/SnappableConnectionLine.vue b/docs/examples/connection-radius/SnappableConnectionLine.vue
@@ -99,7 +99,7 @@ watch([() => props.targetY, () => props.targetX], (_, __, onCleanup) => {
   }
 
   if (closestHandle) {
-    const el = document.querySelector(`[data-handleid='${closestHandle.id}']`)
+    const el = document.querySelector(`[data-nodeid='${closestNode.node.id}']`)
 
     const prevStyle = el.style.backgroundColor
     el.style.backgroundColor = canSnap.value ? SNAP_HIGHLIGHT_COLOR : HIGHLIGHT_COLOR
diff --git a/examples/vite/src/SnapHandle/SnappableConnectionLine.vue b/examples/vite/src/SnapHandle/SnappableConnectionLine.vue
@@ -75,7 +75,7 @@ watch([() => props.targetY, () => props.targetX], (_, __, onCleanup) => {
   })
 
   if (closestHandle) {
-    const el = document.querySelector(`[data-handleid='${closestHandle.id}']`) as HTMLElement
+    const el = document.querySelector(`[data-nodeid='${closestNode.node.id}']`) as HTMLElement
 
     const prevStyle = el.style.backgroundColor
     el.style.backgroundColor = canSnap.value ? SNAP_HIGHLIGHT_COLOR : HIGHLIGHT_COLOR

Original file line number	Diff line number	Diff line change
`@@ -99,7 +99,7 @@ watch([() => props.targetY, () => props.targetX], (_, __, onCleanup) => {`
`99`	`99`	`}`
`100`	`100`
`101`	`101`	`if (closestHandle) {`
`102`		- const el = document.querySelector(`[data-handleid='${closestHandle.id}']`)
	`102`	+ const el = document.querySelector(`[data-nodeid='${closestNode.node.id}']`)
`103`	`103`
`104`	`104`	`const prevStyle = el.style.backgroundColor`
`105`	`105`	`el.style.backgroundColor = canSnap.value ? SNAP_HIGHLIGHT_COLOR : HIGHLIGHT_COLOR`