@condorhero/eslint-config

eslint-config-ape

Note: The code comes from @antfu/eslint-config

My ESLint config presets

• Double quotes, must semi
• Auto fix for formatting (aimed to be used standalone without Prettier)
• TypeScript, Vue, React out-of-box
• Lint also for json, yaml, markdown
• Sorted imports, dangling commas for cleaner commit diff
• Reasonable defaults, best practices, only one-line of config

Usage

Install

pnpm add -D eslint @condorhero/eslint-config

# or with npm
npm install -D eslint @condorhero/eslint-config

Config

For example .eslintrc file:

{
	"extends": "@condorhero"
}

You don't need .eslintignore normally as it has been provided by the preset.

Vue

Installing @condorhero/eslint-config will apply all rules, It only needs Vue config.

pnpm add -D eslint @condorhero/eslint-config-vue

# or with npm
npm install -D eslint @condorhero/eslint-config-vue

eslint .eslintrc file:

{
	"extends": "@condorhero/eslint-config-vue"
}

React

Installing @condorhero/eslint-config will apply all rules, It only needs React config.

pnpm add -D eslint @condorhero/eslint-config-react

# or with npm
npm install -D eslint @condorhero/eslint-config-react

eslint .eslintrc file:

{
	"extends": "@condorhero/eslint-config-react"
}

TypeScript

Installing @condorhero/eslint-config will apply all rules, It only needs TypeScript config.

pnpm add -D eslint @condorhero/eslint-config-typescript

# or with npm
npm install -D eslint @condorhero/eslint-config-typescript

eslint .eslintrc file:

{
	"extends": "@condorhero/eslint-config-typescript"
}

Add script for package.json

For example:

{
	"scripts": {
		"lint": "eslint ."
	}
}

Config VS Code auto fix

Create .vscode/settings.json

{
	"prettier.enable": false,
	"editor.codeActionsOnSave": {
		"source.fixAll.eslint": true
	}
}

License

MIT