diff --git a/src/components/ModalView.vue b/src/components/ModalView.vue index 5527cb5..c87c693 100644 --- a/src/components/ModalView.vue +++ b/src/components/ModalView.vue @@ -12,7 +12,7 @@ export default { setup({closeModal}){ - useKeydown({key: 'Escape', fn: closeModal}) + useKeydown([{key: 'Escape', fn: closeModal}]) }, props: { closeModal: { diff --git a/src/composition/useKeydown.js b/src/composition/useKeydown.js index c3f517e..acfd5a4 100644 --- a/src/composition/useKeydown.js +++ b/src/composition/useKeydown.js @@ -1,9 +1,10 @@ import { onBeforeUnmount } from 'vue'; -export const useKeydown = function(keyCombo) { +export const useKeydown = function(keyCombos) { let onkey = function(event) { - if(keyCombo.key == event.key) { - keyCombo.fn() + let kc = keyCombos.find(({key, fn}) => key == event.key ) + if(kc) { + kc.fn() } }