diff --git a/packages/renderer-vue/src/components/Minimap.vue b/packages/renderer-vue/src/components/Minimap.vue
index 7a3de411..3852fc39 100644
--- a/packages/renderer-vue/src/components/Minimap.vue
+++ b/packages/renderer-vue/src/components/Minimap.vue
@@ -14,7 +14,7 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { AbstractNode } from "@baklavajs/core";
-import getDomElements, { getDomElementOfNode } from "../connection/domResolver";
+import { getDomElements, getDomElementOfNode } from "../connection/domResolver";
 import { getPortCoordinates } from "../connection/portCoordinates";
 import { useGraph, useViewModel } from "../utility";
 
diff --git a/packages/renderer-vue/src/connection/ConnectionWrapper.vue b/packages/renderer-vue/src/connection/ConnectionWrapper.vue
index 77fd38db..5bfd7be4 100644
--- a/packages/renderer-vue/src/connection/ConnectionWrapper.vue
+++ b/packages/renderer-vue/src/connection/ConnectionWrapper.vue
@@ -6,7 +6,7 @@
 import { computed, defineComponent, ref, onBeforeUnmount, onMounted, nextTick, watch } from "vue";
 import { Connection } from "@baklavajs/core";
 import ConnectionView from "./ConnectionView.vue";
-import resolveDom, { IResolvedDomElements } from "./domResolver";
+import { getDomElements, IResolvedDomElements } from "./domResolver";
 import { TemporaryConnectionState } from "./connection";
 import { useGraph } from "../utility";
 
@@ -51,8 +51,8 @@ export default defineComponent({
         };
 
         const updateCoords = () => {
-            const from = resolveDom(props.connection.from);
-            const to = resolveDom(props.connection.to);
+            const from = getDomElements(props.connection.from);
+            const to = getDomElements(props.connection.to);
             if (from.node && to.node) {
                 if (!resizeObserver) {
                     resizeObserver = new ResizeObserver(() => {
diff --git a/packages/renderer-vue/src/connection/TemporaryConnection.vue b/packages/renderer-vue/src/connection/TemporaryConnection.vue
index 050378a8..f4ccaea7 100644
--- a/packages/renderer-vue/src/connection/TemporaryConnection.vue
+++ b/packages/renderer-vue/src/connection/TemporaryConnection.vue
@@ -14,7 +14,7 @@ import { computed, defineComponent } from "vue";
 
 import ConnectionView from "./ConnectionView.vue";
 import { ITemporaryConnection, TemporaryConnectionState } from "./connection";
-import resolveDom from "./domResolver";
+import { getDomElements } from "./domResolver";
 import { getPortCoordinates } from "./portCoordinates";
 
 export default defineComponent({
@@ -38,9 +38,9 @@ export default defineComponent({
                 };
             }
 
-            const start = getPortCoordinates(resolveDom(props.connection.from));
+            const start = getPortCoordinates(getDomElements(props.connection.from));
             const end = props.connection.to
-                ? getPortCoordinates(resolveDom(props.connection.to))
+                ? getPortCoordinates(getDomElements(props.connection.to))
                 : [props.connection.mx || start[0], props.connection.my || start[1]];
 
             if (props.connection.from.isInput) {
diff --git a/packages/renderer-vue/src/connection/domResolver.ts b/packages/renderer-vue/src/connection/domResolver.ts
index dc16a578..9e98b061 100644
--- a/packages/renderer-vue/src/connection/domResolver.ts
+++ b/packages/renderer-vue/src/connection/domResolver.ts
@@ -10,7 +10,7 @@ export function getDomElementOfNode(node: AbstractNode): HTMLElement | null {
     return document.getElementById(node.id);
 }
 
-export default function getDomElements(ni: NodeInterface): IResolvedDomElements {
+export function getDomElements(ni: NodeInterface): IResolvedDomElements {
     const interfaceDOM = document.getElementById(ni.id);
     const portDOM = interfaceDOM?.getElementsByClassName("__port");