oxc-config-mantine package purpose
oxc-config-mantine is a set of oxc configurations for oxlint (linter) and oxfmt (formatter) used in Mantine projects. It can be used in your project to ensure code follows the same style and conventions as Mantine.
oxc-config-mantine
7 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.
oxc-config-mantine installation
Install oxc-config-mantine together with oxlint and oxfmt using: npm install --save-dev oxlint oxfmt oxc-config-mantine
oxlint configuration setup
Create an oxlint.config.ts file in the root of your project. Import defineConfig from oxlint and oxlint from oxc-config-mantine. Export default configuration with extends: [oxlint] and ignorePatterns: ['**/*.{mjs,cjs,js,d.ts,d.mts}'].
oxfmt configuration setup
Create an oxfmt.config.ts file in the root of your project. Import defineConfig from oxfmt and oxfmt from oxc-config-mantine. Export default configuration using defineConfig(oxfmt).
oxfmt configuration customization
Customize oxfmt by spreading the base configuration and adding project-specific settings. For example, to add extra ignore patterns: spread oxfmt in the configuration object and add custom ignorePatterns array that combines oxfmt.ignorePatterns with additional patterns like 'dist'.
Package.json scripts for oxlint and oxfmt
Add two scripts to package.json: 'lint': 'oxlint' and 'format': 'oxfmt --write "**/*.{ts,tsx,css}"'. Run them with npm run lint and npm run format.
oxc-config-mantine linting rules
Mantine oxlint config extends recommended oxlint rules and adds custom rules and configurations for the react, typescript, jsx-a11y, and jest plugins. Full list of rules and source code is available in the oxc-config-mantine repository on GitHub.