Pesquisa de site

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
}