Eventos de teclado en Vue 3

Los eventos de teclado en Vue 3 dejan de tener soporte debido a que es una funcionalidad deprecada. Eso no significa que no podamos capturar eventos de teclado en Vue 3, obviamente sí podemos, y es bien sencillo., veámos un ejemplo.

<template>
    <div>{{ message }}</div>
</template>

<script>
    export default {
        name: "Component",
        async setup() {
            let onKeydown = (event) => {
                if(event.key === 'Enter') {
                    console.log('Enter pressed')
                }
            }
            
            window.addEventListener('keydown', onKeydown)

            return {
                message: "Component loaded"
            }
        }
    }
</script>

Simplemente por capturar el evento keydown, keyup o cualquier otro con window.addEventListener tenemos suficiente para cubrir esta necesidad en nuestros proyectos.