Как использовать более рекомендуемые правила с API Eslint DefineConfig API? ⇐ Javascript

[Anonymous]

У меня есть папка с этой структурой: < /p>
root
|- foldera
|- folderb
|- folderc < /p>
Я хочу применить два набора правил к Eslint к каждой Foldera и Folderb и полностью пропуски Folderc. Итак, у меня есть: < /p>

Код: Выделить всё

export default defineConfig([
{
files: ["folderA/**/*.{vue,ts}", "folderB/**/*.{vue,ts}"],
ignore: ["folderC"],
},
eslintPluginPrettierRecommended,
{
files: ["folderA/**/*.{vue,ts}"],
settings: {
"vue/setup-compiler-macros": true,
"import/parsers": {
"@typescript-eslint/parser": [".ts", ".tsx"],
},
},
plugins: {
vue: fixupPluginRules(vuePlugin),
"@typescript-eslint": fixupPluginRules(typescriptEslint),
},
languageOptions: {
globals: {
...globals.browser,
},
parser: vueParser,
parserOptions: {
ecmaVersion: "latest",
extraFileExtensions: [".vue"],
parser: tsParser,
sourceType: "module",
ecmaFeatures: {
jsx: true,
},
},
},
extends: ["plugin:prettier/recommended"],
rules: {
"prettier/prettier": [
"error",
{
tabWidth: 2,
},
],
eqeqeq: "error",
},
},
{
files: ["folderB/**/*.{vue,ts,tsx}"],
extends: ["plugin:prettier/recommended"],
settings: {
"vue/setup-compiler-macros": true,
"import/parsers": {
"@typescript-eslint/parser": [".ts", ".tsx"],
},
},
plugins: {
vue: fixupPluginRules(vuePlugin),
"@typescript-eslint": fixupPluginRules(typescriptEslint),
},
languageOptions: {
globals: {
...globals.browser,
},
parser: vueParser,
parserOptions: {
ecmaVersion: "latest",
extraFileExtensions: [".vue"],
parser: tsParser,
sourceType: "module",
ecmaFeatures: {
jsx: true,
},
},
},
rules: {
"prettier/prettier": [
"error",
{
tabWidth: 4,
},
],
},
},
]);

< /code>
Однако, когда я выполняю вышеупомянутое, вещи в сфере Folderc по -прежнему выполняются. Моя теория - EslintPluginPrettierRecommedderder 

не связана с файлами и игнорируется , определяемый прямо перед ним.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... config-api