export default {
name: 'Edges',
+ compatConfig: { MODE: 3 },
}
diff --git a/packages/core/src/container/EdgeRenderer/Marker.vue b/packages/core/src/container/EdgeRenderer/Marker.vue
index bab8f2076..7aeed4e0d 100644
--- a/packages/core/src/container/EdgeRenderer/Marker.vue
+++ b/packages/core/src/container/EdgeRenderer/Marker.vue
@@ -17,6 +17,7 @@ const {
diff --git a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue
index 43b781f40..5672a5b5f 100644
--- a/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue
+++ b/packages/core/src/container/EdgeRenderer/MarkerDefinitions.vue
@@ -33,6 +33,7 @@ const markers = computed(() => {
diff --git a/packages/core/src/container/NodeRenderer/NodeRenderer.vue b/packages/core/src/container/NodeRenderer/NodeRenderer.vue
index c97ba9dde..7a844920f 100644
--- a/packages/core/src/container/NodeRenderer/NodeRenderer.vue
+++ b/packages/core/src/container/NodeRenderer/NodeRenderer.vue
@@ -78,6 +78,7 @@ function getType(type?: string, template?: GraphNode['template']) {
diff --git a/packages/core/src/container/Pane/Pane.vue b/packages/core/src/container/Pane/Pane.vue
index a6f9c56f9..c0030bafb 100644
--- a/packages/core/src/container/Pane/Pane.vue
+++ b/packages/core/src/container/Pane/Pane.vue
@@ -215,6 +215,7 @@ function onMouseEnter(event: MouseEvent) {
diff --git a/packages/core/src/container/Viewport/Transform.vue b/packages/core/src/container/Viewport/Transform.vue
index e7a70dfa3..5c7b44566 100644
--- a/packages/core/src/container/Viewport/Transform.vue
+++ b/packages/core/src/container/Viewport/Transform.vue
@@ -42,6 +42,7 @@ onMounted(async () => {
diff --git a/packages/core/src/container/Viewport/Viewport.vue b/packages/core/src/container/Viewport/Viewport.vue
index afe84ccb5..b75dd55f0 100644
--- a/packages/core/src/container/Viewport/Viewport.vue
+++ b/packages/core/src/container/Viewport/Viewport.vue
@@ -299,6 +299,7 @@ function isWrappedWithClass(event: Event, className: string | undefined) {
diff --git a/packages/core/src/container/VueFlow/VueFlow.vue b/packages/core/src/container/VueFlow/VueFlow.vue
index 33bd8ad5c..c34dbc9dc 100644
--- a/packages/core/src/container/VueFlow/VueFlow.vue
+++ b/packages/core/src/container/VueFlow/VueFlow.vue
@@ -153,6 +153,7 @@ defineExpose
({
diff --git a/packages/minimap/src/MiniMap.vue b/packages/minimap/src/MiniMap.vue
index 0be0a15fa..b33acc2b0 100644
--- a/packages/minimap/src/MiniMap.vue
+++ b/packages/minimap/src/MiniMap.vue
@@ -191,6 +191,7 @@ const onNodeMouseLeave = (event: MouseEvent, node: GraphNode) => {
diff --git a/packages/minimap/src/MiniMapNode.ts b/packages/minimap/src/MiniMapNode.ts
index cf60cc17f..eb9b5e12d 100644
--- a/packages/minimap/src/MiniMapNode.ts
+++ b/packages/minimap/src/MiniMapNode.ts
@@ -4,6 +4,7 @@ import { MiniMapSlots } from './types'
export default defineComponent({
name: 'MiniMapNode',
+ compatConfig: { MODE: 3 },
props: ['id', 'position', 'dimensions', 'strokeWidth', 'strokeColor', 'borderRadius', 'color', 'shapeRendering', 'type'],
emits: ['click', 'dblclick', 'mouseenter', 'mousemove', 'mouseleave'],
setup(props: MiniMapNodeProps, { attrs, emit }) {
diff --git a/packages/node-resizer/src/NodeResizer.vue b/packages/node-resizer/src/NodeResizer.vue
index c858f9382..c35a93186 100644
--- a/packages/node-resizer/src/NodeResizer.vue
+++ b/packages/node-resizer/src/NodeResizer.vue
@@ -22,6 +22,7 @@ const lineControls: ControlLinePosition[] = ['top', 'right', 'bottom', 'left']
diff --git a/packages/node-resizer/src/ResizeControl.vue b/packages/node-resizer/src/ResizeControl.vue
index 3d68c3eaf..87c5b91fc 100644
--- a/packages/node-resizer/src/ResizeControl.vue
+++ b/packages/node-resizer/src/ResizeControl.vue
@@ -215,6 +215,13 @@ const colorStyleProp = computed(() => (props.variant === ResizeControlVariant.Li
const controlStyle = computed(() => (props.color ? { [colorStyleProp.value]: props.color } : {}))
+
+
()
+
+
(() => ({
diff --git a/packages/pathfinding-edge/src/arrow/PerfectArrow.vue b/packages/pathfinding-edge/src/arrow/PerfectArrow.vue
index 4e216f1e4..c341d1bb4 100644
--- a/packages/pathfinding-edge/src/arrow/PerfectArrow.vue
+++ b/packages/pathfinding-edge/src/arrow/PerfectArrow.vue
@@ -30,6 +30,7 @@ const attrs = useAttrs() as { style: CSSProperties }
diff --git a/packages/pathfinding-edge/src/edge/PathFindingEdge.vue b/packages/pathfinding-edge/src/edge/PathFindingEdge.vue
index a676e9b0a..a5daaa060 100644
--- a/packages/pathfinding-edge/src/edge/PathFindingEdge.vue
+++ b/packages/pathfinding-edge/src/edge/PathFindingEdge.vue
@@ -80,6 +80,7 @@ const attrs: any = useAttrs()