From be2bcf5a87a0eed43c900626c785e8afe324b412 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 30 Aug 2022 21:20:46 +0200
Subject: [PATCH] refactor: allow ref to be passed to useKeyPress

---
 packages/vue-flow/src/composables/useKeyPress.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/vue-flow/src/composables/useKeyPress.ts b/packages/vue-flow/src/composables/useKeyPress.ts
index 7f839250..92275938 100644
--- a/packages/vue-flow/src/composables/useKeyPress.ts
+++ b/packages/vue-flow/src/composables/useKeyPress.ts
@@ -1,5 +1,5 @@
 import type { Ref } from 'vue'
-import type { KeyFilter } from '@vueuse/core'
+import type { KeyFilter, MaybeRef } from '@vueuse/core'
 import useWindow from './useWindow'
 
 function isInputDOMNode(event: KeyboardEvent): boolean {
@@ -12,7 +12,7 @@ function isInputDOMNode(event: KeyboardEvent): boolean {
   )
 }
 
-export default (keyFilter: KeyFilter, onChange?: (keyPressed: boolean) => void): Ref<boolean> => {
+export default (keyFilter: MaybeRef<KeyFilter>, onChange?: (keyPressed: boolean) => void): Ref<boolean> => {
   const window = useWindow()
 
   let isPressed = $ref(false)
@@ -22,7 +22,7 @@ export default (keyFilter: KeyFilter, onChange?: (keyPressed: boolean) => void):
   })
 
   onKeyStroke(
-    keyFilter,
+    unref(keyFilter),
     (e) => {
       if (isInputDOMNode(e)) return
 
@@ -33,7 +33,7 @@ export default (keyFilter: KeyFilter, onChange?: (keyPressed: boolean) => void):
   )
 
   onKeyStroke(
-    keyFilter,
+    unref(keyFilter),
     (e) => {
       if (isInputDOMNode(e)) return