Slidev

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.