fix: disable inherting attrs on nodes/edges to avoid warnings

* disable context warnings for non-dev environments

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

src/components/UserSelection/UserSelection.vue

@@ -30,6 +30,8 @@ const onMouseLeave = () => {
   store.unsetNodesSelection()
 }
 
+const userSelectionRect = computed(() => store.userSelectionRect)
+
 useEventListener(el, 'mousedown', onMouseDown)
 useEventListener(el, 'mousemove', onMouseMove)
 useEventListener(el, 'click', onMouseUp)
@@ -39,11 +41,11 @@ useEventListener(el, 'mouseleave', onMouseLeave)
 <template>
   <div ref="user-selection" class="vue-flow__selectionpane">
     <SelectionRect
-      v-if="store.userSelectionRect.draw"
-      :width="store.userSelectionRect.width"
-      :height="store.userSelectionRect.height"
-      :x="store.userSelectionRect.x"
-      :y="store.userSelectionRect.y"
+      v-if="userSelectionRect.draw"
+      :width="userSelectionRect.width"
+      :height="userSelectionRect.height"
+      :x="userSelectionRect.x"
+      :y="userSelectionRect.y"
     />
   </div>
 </template>

src/components/UserSelection/utils.ts

@@ -1,4 +1,4 @@
-import { XYPosition } from '../../types'
+import { XYPosition } from '~/types'
 
 export function getMousePosition(event: MouseEvent): XYPosition | void {
   const flowNode = (event.target as Element).closest('.vue-flow')