fix: edge anchor

src/components/UserSelection/UserSelection.vue

@@ -8,21 +8,15 @@ const el = templateRef('user-selection', null)
 
 const onMouseDown = (event: MouseEvent) => {
   const mousePos = getMousePosition(event)
-  if (!mousePos) {
-    return
-  }
+  if (!mousePos) return
 
   store.setUserSelection(mousePos)
 }
 
 const onMouseMove = (event: MouseEvent) => {
-  if (!store.selectionActive) {
-    return
-  }
+  if (!store.selectionActive) return
   const mousePos = getMousePosition(event)
-  if (!mousePos) {
-    return
-  }
+  if (!mousePos) return
 
   store.updateUserSelection(mousePos)
 }
@@ -41,17 +35,15 @@ useEventListener(el, 'mousemove', onMouseMove)
 useEventListener(el, 'click', onMouseUp)
 useEventListener(el, 'mouseup', onMouseUp)
 useEventListener(el, 'mouseleave', onMouseLeave)
-
-const userSelectionRect = computed(() => store.userSelectionRect)
 </script>
 <template>
   <div ref="user-selection" class="revue-flow__selectionpane">
     <SelectionRect
-      v-if="userSelectionRect.draw"
-      :width="userSelectionRect.width"
-      :height="userSelectionRect.height"
-      :x="userSelectionRect.x"
-      :y="userSelectionRect.y"
+      v-if="store.userSelectionRect.draw"
+      :width="store.userSelectionRect.width"
+      :height="store.userSelectionRect.height"
+      :x="store.userSelectionRect.x"
+      :y="store.userSelectionRect.y"
     />
   </div>
 </template>