Configurar Atalhos
Disponível a partir da v0.20
Ambiente: client
Esta função de configuração só será executada no lado do cliente. Verifique a compatibilidade do navegador quando importar pacotes.
Crie o arquivo ./setup/shortcuts.ts
com o seguinte conteúdo:
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,
},
]
})
Com a configuração, você pode fornecer as customizações para os atalhos mencionados em Navegação. A configuração acima vincula a próxima animação ou slide ao enter e a animação ou slide anterior ao backspace.
A função de configuração recebe um objeto com alguns métodos de navegação, e retorna um array contendo alguns atalhos de configuração. Confira as definições de tipos para mais detalhes.
Confira useMagicKeys | VueUse para mais detalhes sobre o evento de uma tecla pressionada.