eslint-config-mkw

Updated for eslint 9 config.

Custom typescript + React rules enforcement

Working with Prettier Working with BiomeJS

No external config is used.

Compatibility

Theses plugins are included in this package :

• eslint
• eslint-plugin-import-x
• eslint-plugin-node
• eslint-plugin-react
• @typescript-eslint/eslint-plugin
• @next/eslint-plugin-next

Theses configs are already included in this package :

• eslint-import-resolver-typescript
• @typescript-eslint/parser

Installation

You'll first need to install ESLint:

npm init @eslint/config@latest
pnpm create @eslint/config@latest

Next, install eslint-config-mkw:

npm i -D eslint-config-mkw
pnpm i -D eslint-config-mkw

Usage

Add our configuration in your eslint 9 eslint.config.js :

import eslintMKWConfig from "eslint-config-mkw/base";

export default [
    ...eslintMKWConfig,
    {
        ... custom rules
    }
];

Available configs :

• /next (for next applications)
• /react (for react libaries / packages / applications)
• /base (for typescript packages / projects)

Recommended .prettierrc :

{
	"tabWidth": 4,
	"useTabs": true,
	"semi": false,
	"singleQuote": true,
	"bracketSameLine": true,
	"arrowParens": "avoid"
}

Recommended biome.json :

{
	"$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
	"formatter": {
		"enabled": true,
		"formatWithErrors": false,
		"indentStyle": "tab",
		"indentWidth": 4,
		"lineEnding": "lf",
		"lineWidth": 80,
		"attributePosition": "auto"
	},
	"organizeImports": {
		"enabled": false
	},
	"linter": {
		"enabled": false
	},
	"vcs": {
		"enabled": true,
		"clientKind": "git",
		"useIgnoreFile": true
	},
	"javascript": {
		"formatter": {
			"jsxQuoteStyle": "double",
			"quoteProperties": "asNeeded",
			"trailingCommas": "all",
			"semicolons": "asNeeded",
			"arrowParentheses": "asNeeded",
			"bracketSpacing": true,
			"bracketSameLine": false,
			"quoteStyle": "single",
			"attributePosition": "auto"
		}
	}
}```