@auvred/eslint-config
Partially based on these awesome configs:
@so1ve/eslint-config
,@antfu/eslint-config
Features
- Single quotes, no semi, trailing commas
- Formatting with Prettier
- Typescript and Vue support out-of-box
- Sortable imports
Usage
Install
pnpm add -D @auvred/eslint-config eslint prettier
eslint.config.js
Config In ESM projects:
import { auvred } from '@auvred/eslint-config'
export default auvred()
In CJS projects:
module.exports = (async () => {
const { auvred } = await import('@auvred/eslint-config')
return auvred()
})()
Configure your editor
VS Code
Install dbaeumer.vscode-eslint
extension
{
"eslint.experimental.useFlatConfig": true,
"prettier.enable": false,
"editor.formatOnSave": false,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit",
"source.organizeImports": "never"
},
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"vue",
"html",
"markdown",
"json",
"jsonc",
"yaml"
],
"eslint.rules.customizations": [
{ "rule": "auvred/prettier", "severity": "off" }
]
}
It's better to put these settings to workspace settings (
.vscode/settings.json
)
coc.nvim
Install coc-eslint
extension
{
"eslint.experimental.useFlatConfig": true,
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"vue",
"html",
"markdown",
"json",
"jsonc",
"yaml"
],
"eslint.rules.customizations": [
{ "rule": "auvred/prettier", "severity": "off" }
]
}
It's better to put these settings to workspace settings (
.vim/coc-settings.json
)
JetBrains IDEs
If you're working on project with eslint >= 8.23.0, it'd be better to update your IDE to version >= 2022.2.2 because of this issue
- Open ESLint settings (docs)
- Set linting scope to
{**/*,*}.{js,jsx,ts,tsx,vue,html,md,json,jsonc,yaml,yml}
License
MIT