NgRX eslint plugin with ES Lint 9 mjs file

I am looking for the good way to use NGRX ESLint plugin in ESLint 9 mjs file of an Angular project, here's my config

import path from "nodeath";
import { fileURLToPath } from "node:url";
import js from "@eslint/js";
import { FlatCompat } from "@eslint/eslintrc";
import ngrx from "@ngrx/eslint-plugin";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const compat = new FlatCompat({
baseDirectory: __dirname,
recommendedConfig: js.configs.recommended,
allConfig: js.configs.all,
ngrxConfig: ngrx.configs.all,
});

export default [{
ignores: ["projects/**/*"],
}, ...compat.extends(
"eslint:recommended",
"plugintypescript-eslint/recommended",
"pluginangular-eslint/recommended",
"pluginangular-eslint/template/process-inline-templates",
).map(config => ({
...config,
files: ["**/*.ts"],
})), {
files: ["**/*.ts"],

languageOptions: {
ecmaVersion: "latest",
sourceType: "script",

parserOptions: {
project: ["tsconfig.json"],
createDefaultProgram: true,
},
},

plugins: {
ngrx
},

rules: {
semi: ["error", "always"],
},
}, ...compat.extends("pluginangular-eslint/template/recommended").map(config => ({
...config,
files: ["**/*.html"],
})), {
files: ["**/*.html"],
rules: {
"@angular-eslint/template/eqeqeq": "error",
},
}];


Unfortunately, NGRX Lint rules are never applied, neither in the console when starting Lint command, neither in VS Code (where others linting rules are used).

Thanks in advance for your help

Continue reading...