totole/build-gmail-clone-with-vue-3
1
0
Fork 0
mirror of https://github.com/kevin-DL/build-gmail-clone-with-vue-3.git synced 2026-01-23 07:31:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow array of keycombos in useKeydown

Browse Source
This commit is contained in:
Jeffrey Biles
2020-03-29 16:10:22 -07:00
parent 84c16230b4
commit 562f2a8442
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ModalView.vue
View File

@@ -12,7 +12,7 @@
export default { export default {
setup({closeModal}){ setup({closeModal}){
useKeydown({key: 'Escape', fn: closeModal}) useKeydown([{key: 'Escape', fn: closeModal}])
}, },
props: { props: {
closeModal: { closeModal: {

7
src/composition/useKeydown.js
View File

@@ -1,9 +1,10 @@
import { onBeforeUnmount } from 'vue'; import { onBeforeUnmount } from 'vue';
export const useKeydown = function(keyCombo) { export const useKeydown = function(keyCombos) {
let onkey = function(event) { let onkey = function(event) {
if(keyCombo.key == event.key) { let kc = keyCombos.find(({key, fn}) => key == event.key )
keyCombo.fn() if(kc) {
kc.fn()
} }
} }