chore(core): cleanup unnecessary refs

packages/core/src/components/Edges/EdgeWrapper.ts

@@ -36,9 +36,9 @@ const EdgeWrapper = defineComponent({
 
     const edge = $(useVModel(props, 'edge'))
 
-    let mouseOver = $ref(false)
+    const mouseOver = ref(false)
 
-    let updating = $ref(false)
+    const updating = ref(false)
 
     const nodeId = ref('')
 
@@ -120,7 +120,7 @@ const EdgeWrapper = defineComponent({
             noPanClassName.value,
             edgeClass,
             {
-              updating: mouseOver,
+              updating: mouseOver.value,
               selected: edge.selected,
               animated: edge.animated,
               inactive: !props.selectable,
@@ -139,7 +139,7 @@ const EdgeWrapper = defineComponent({
           'role': props.focusable ? 'button' : undefined,
         },
         [
-          updating
+          updating.value
             ? null
             : h(props.type === false ? getEdgeTypes.value.default : props.type, {
                 id: props.id,
@@ -220,11 +220,11 @@ const EdgeWrapper = defineComponent({
     }
 
     function onEdgeUpdaterMouseEnter() {
-      mouseOver = true
+      mouseOver.value = true
     }
 
     function onEdgeUpdaterMouseOut() {
-      mouseOver = false
+      mouseOver.value = false
     }
 
     function onEdgeUpdate(event: MouseTouchEvent, connection: Connection) {
@@ -233,7 +233,7 @@ const EdgeWrapper = defineComponent({
 
     function onEdgeUpdateEnd(event: MouseTouchEvent) {
       hooks.emit.updateEnd({ event, edge })
-      updating = false
+      updating.value = false
     }
 
     function handleEdgeUpdater(event: MouseEvent, isSourceHandle: boolean) {
@@ -241,7 +241,7 @@ const EdgeWrapper = defineComponent({
         return
       }
 
-      updating = true
+      updating.value = true
 
       nodeId.value = isSourceHandle ? edge.target : edge.source
       handleId.value = (isSourceHandle ? edge.targetHandle : edge.sourceHandle) ?? ''

packages/core/src/composables/useKeyPress.ts

@@ -43,9 +43,9 @@ export default (keyFilter: MaybeComputedRef<KeyFilter | null>, onChange?: (keyPr
 
   const isPressed = ref(resolveUnref(keyFilter) === true)
 
-  const modifierPressed = ref(false)
+  let modifierPressed = false
 
-  const pressedKeys = ref<Set<string>>(new Set())
+  const pressedKeys = new Set<string>()
 
   watch(isPressed, () => {
     onChange?.(isPressed.value)
@@ -66,16 +66,16 @@ export default (keyFilter: MaybeComputedRef<KeyFilter | null>, onChange?: (keyPr
       }
 
       if (Array.isArray(unrefKeyFilter)) {
-        unrefKeyFilter = createKeyPredicate(unrefKeyFilter, pressedKeys.value)
+        unrefKeyFilter = createKeyPredicate(unrefKeyFilter, pressedKeys)
       }
 
       if (unrefKeyFilter) {
         onKeyStroke(
           unrefKeyFilter,
           (e) => {
-            modifierPressed.value = wasModifierPressed(e)
+            modifierPressed = wasModifierPressed(e)
 
-            if (!modifierPressed.value && isInputDOMNode(e)) {
+            if (!modifierPressed && isInputDOMNode(e)) {
               return
             }
 
@@ -90,13 +90,13 @@ export default (keyFilter: MaybeComputedRef<KeyFilter | null>, onChange?: (keyPr
           unrefKeyFilter,
           (e) => {
             if (isPressed.value) {
-              if (!modifierPressed.value && isInputDOMNode(e)) {
+              if (!modifierPressed && isInputDOMNode(e)) {
                 return
               }
 
-              modifierPressed.value = false
+              modifierPressed = false
 
-              pressedKeys.value.clear()
+              pressedKeys.clear()
 
               isPressed.value = false
             }