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.

# Configurar Atalhos

Configurar Atalhos