0.1.12 • Published 4 years ago
mdx-vue-deck v0.1.12
MDX Deck
Getting Started
npm i -D mdx-vue-deck
Create an MDX file and separate each slide with ---
.
# This is the title of my deck
---
# About Me
```
---
import HelloWold from './components/HelloWold'
## <HelloWold />
# The end
Add a run script to your package.json with the MDX Deck CLI pointing to the .mdx file to start the dev server:
"scripts": {
"eject": "mdx-vue-deck eject",
"start": "mdx-vue-deck dev deck.mdx -c theme.config.js",
"build": "mdx-vue-deck build deck.mdx -c theme.config.js"
},
Keyboard Shortcuts
Key | Description |
---|---|
Left Arrow, Page Up, Shift + Space | Go to previous slide |
Right Arrow, Page Down, Space | Go to next slide |
Option + P | Toggle Presenter Mode |
Option + O | Toggle Overview Mode |
Option + G | Toggle Grid Mode |