Prettier Plugin

The Slidev's syntax may be incompatible with the default Markdown parser of Prettier. To solve this, Slidev provides a Prettier plugin to format your slides. You can use it with your favorite editor that supports Prettier.

1. Install

npm

npm i -D prettier prettier-plugin-slidev

pnpm

pnpm i -D prettier prettier-plugin-slidev

yarn

yarn add -D prettier prettier-plugin-slidev

bun

bun add -D prettier prettier-plugin-slidev

deno

deno add -D npm:prettier npm:prettier-plugin-slidev

2. Activate the plugin

Create or modify your prettier configuration file to activate the plugin:

{
  "overrides": [
    {
      "files": ["slides.md", "pages/*.md"],
      "options": {
        "parser": "slidev",
        "plugins": ["prettier-plugin-slidev"]
      }
    }
  ]
}

Note that only specifying plugins is not enough, because Slidev and common Markdown files share the same file extension .md.