Configurar atajos
Disponible desde v0.20
Entorno: client
Esta función de configuración sólo se ejecutará en el lado del cliente. Asegúrate de la compatibilidad del navegador al importar los paquetes.
Crea ./setup/shortcuts.ts
con el siguiente contenido:
import { defineShortcutsSetup, NavOperations } from '@slidev/types'
export default defineShortcutsSetup((nav: NavOperations) => {
return [
{
key: 'enter',
fn: () => nav.next(),
autoRepeat: true,
},
{
key: 'backspace',
fn: () => nav.prev(),
autoRepeat: true,
},
]
})
Con esta configuración, puedes dar ajustes personalizados a los atajos mencionados en Navegación. La configuración anterior vincula la siguiente animación o diapositiva a enter y la animación o diapositiva anterior a retroceso.
La función de configuración recibe un objeto con algunos métodos de navegación, y devuelve un array que contiene alguna configuración de accesos directos. Consulta las definiciones de tipo para más detalles.
Echa un vistazo a useMagicKeys | VueUse para más detalles sobre el evento de tecla pulsada.