fix(core): pass selectionKeyCode ref to useKeyPress

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

packages/core/src/composables/useKeyPress.ts

@@ -51,9 +51,9 @@ export default (keyFilter: MaybeComputedRef<KeyFilter | null>, onChange?: (keyPr
     onChange?.(isPressed.value)
   })
 
-  watchEffect(() => {
-    let unrefKeyFilter = resolveUnref(keyFilter)
-
+  watch(
+    () => resolveUnref(keyFilter),
+    (unrefKeyFilter) => {
       if (window && typeof window.addEventListener !== 'undefined') {
         useEventListener(window, 'blur', () => {
           isPressed.value = false
@@ -104,7 +104,11 @@ export default (keyFilter: MaybeComputedRef<KeyFilter | null>, onChange?: (keyPr
           { eventName: 'keyup' },
         )
       }
-  })
+    },
+    {
+      immediate: true,
+    },
+  )
 
   return isPressed
 }

packages/core/src/container/Viewport/Viewport.vue

@@ -92,7 +92,7 @@ onMounted(() => {
     viewportRef: viewportElement,
   })
 
-  useKeyPress(selectionKeyCode, (keyPress) => {
+  useKeyPress($$(selectionKeyCode), (keyPress) => {
     selectionKeyPressed = keyPress
   })