reactjs - O Eslint CLI não mostra erros do prettier, mas o VSCode mostra
Eu queria usar o eslint para integrar o guia de estilo do airbnb. Também quero as regras de estilo do prettier.
O problema é que o eslint não me dá nenhum erro quando usado pelo terminal, mas o VSCode sim. O VSCode mostra na aba Problemas "eslint(prettier/prettier)" como erro. Quando eu executo eslint src/** não obtenho nenhum erro.
Também ao pressionar salvar no VSCode, ele formata meu código usando o prettier (plugin), mas na maioria das vezes ele apenas retorna à formatação antiga depois.
Então eu quero que, quando eu executar eslint src/**, sejam aplicadas as regras do prettier como meu VSCode faz.
Meu .eslintrc.json
{
"extends": [
"airbnb",
"airbnb/hooks",
"airbnb-typescript",
"prettier"
],
"plugins": [
"prettier",
"@typescript-eslint"
],
"env": {
"browser": true,
"es6": true,
"jest": true
},
"ignorePatterns": [
"*.css",
"*.png",
"*.json",
"*.svg"
],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"sourceType": "module",
"project": "./tsconfig.json"
},
"rules": {
"react/jsx-filename-extension": [
1,
{
"extensions": [
".tsx"
]
}
],
"import/extensions": [
"error",
"never",
{
"json": "always",
"svg": "always",
"css": "always"
}
],
"max-len": [
"error",
{
"code": 999,
"ignoreStrings": true,
"ignoreComments": true,
"ignoreTemplateLiterals": true
}
],
"func-names": [
"error",
"as-needed",
{
"generators": "never"
}
],
"react/jsx-props-no-spreading": [
"off"
],
"no-param-reassign": [
"error",
{ "props": false }
],
"import/order": [
"error",
{
"groups": [
"index",
"sibling",
"parent",
"internal",
"external",
"builtin",
"object",
"type"
],
"alphabetize": {
"order": "asc",
"caseInsensitive": true
}
}
],
"react/function-component-definition": [
2,
{
"namedComponents": "function-declaration"
}
],
"no-tabs": ["error", { "allowIndentationTabs": false }],
"prettier/prettier": "error"
}
}
.prettierrc
{
"printWidth": 999,
"singleQuote": true,
"useTabs": false
}