prettier-plugin-mdc

A Prettier plugin for formatting MDC (Markdown Components) syntax used in Nuxt Content.

💎 Features

• Preserve YAML front matter in components
• Support for nested components
• Compatible with GFM (GitHub Flavored Markdown) and math syntax

📦 Installation

npm install -D prettier-plugin-mdc
# or
yarn add -D prettier-plugin-mdc
# or
pnpm add -D prettier-plugin-mdc

🚀 Usage

Add the plugin to your Prettier configuration:

// .prettierrc
{
  "plugins": ["prettier-plugin-mdc"],
  "overrides": [
    {
      "files": ["*.md"],
      "options": {
        "parser": "mdc"
      }
    }
  ]
}

Or in prettier.config.js:

export default {
  plugins: ["prettier-plugin-mdc"],
  overrides: [
    {
      files: ["*.md"],
      options: {
        parser: "mdc",
      },
    },
  ],
};

Then format your .mdc or .md files:

prettier --write "**/*.mdc"
prettier --write "**/*.md"

For MDC Syntax Reference, please check remark-mdc.

License

MIT. Made with ❤️ by Ray