Конфигурация горячих клавиш

Доступно с версии v0.20

Окружение: client
Эта функция настройки будет работать только на клиентской стороне. При импорте пакетов убедитесь в совместимости браузера.

Создайте ./setup/shortcuts.ts со следующим содержанием:

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,
    },
  ]
})

С помощью этой настройки вы можете задать кастомные горячие клавиши, упомянутые в Навигации. Приведённая выше конфигурация привязывает переход на следующую анимацию или слайд к enter и переход на предыдущую анимацию или слайд к backspace.

Функция получает объект с некоторыми методами навигации и возвращает массив, содержащий некоторую конфигурацию горячих клавиш. Посмотрите определения типов для получения более подробной информации.

Подробнее о событиях нажатия клавиш в useMagicKeys | VueUse.