Usecases

Real-world configuration examples showing how to solve specific problems with Markuplint. Each usecase includes the problem, correct/incorrect code examples, and a copy-paste-ready configuration.

Project setup

• React project — Set up Markuplint for React (JSX/TSX) with parser, spec, and pretenders
• Vue project — Set up Markuplint for Vue with parser, spec, and pretenders
• Monorepo — Share configuration across packages with package-level overrides
• CI/CD integration — Run Markuplint in GitHub Actions with gradual adoption strategies

Rule configuration

• Customizing accessibility rules — Adjust severity, disable specific a11y rules, or use the a11y preset standalone
• Architected CSS — Enforce BEM-like class naming conventions per component
• Consistent image file naming — Ensure responsive image filenames follow a consistent naming pattern