Vue 3 use-keydown composable (Composition API)

use-keydown.js

import {onBeforeUnmount} from "vue";

let useKeyDown = (keyCombos) => {
    let onKeyDown = (event) => {
        let kc = keyCombos.find(kc => kc.key === event.key);

        if(kc) {
            kc.fn();
        }
    }

    window.addEventListener('keydown', onKeyDown);
    onBeforeUnmount(() => {
        window.removeEventListener('keydown', onKeyDown);
    });
};

export default useKeyDown;

// example usage in another Vue component
import useKeyDown from 'from-file-location-somewhere.js';

 export default {
    setup(props, {emit}) {
        useKeyDown([
            {'key': 'Escape', 'fn': () => { emit('closeModal') }}, // Emits 'closeModal' event on Escape button
        ]);

        return {
            emit
        }
    }
 }