mbi ESLint Flat-Config

Setup

Benötigte Pakete installieren:

npm i -D @mbi-gmbh/eslint-config @stylistic/eslint-plugin eslint angular-eslint typescript-eslint

Datei eslint.config.mjs mit folgendem Inhalt erstellen:

// @ts-check
import mbiEslintConfig from "@mbi-gmbh/eslint-config";

export default [
  ...mbiEslintConfig,
];

In VS Code die ESLint Extension installieren:

https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

Regeln anpassen

Die Konfiguration kann erweitert werden, um Regeln anzupassen oder zu ergänzen.

Beispiel mit eigenem Selektor-Prefix und überschriebener Regel für Enums:

// @ts-check
import mbiEslintConfig from '@mbi-gmbh/eslint-config';

export default [
  ...mbiEslintConfig,
  {
    rules: {
      '@angular-eslint/component-selector': ['error', {
        'type': 'element',
        'prefix': 'mbi',
        'style': 'kebab-case',
      }],

      '@angular-eslint/directive-selector': ['error', {
        'type': 'attribute',
        'prefix': 'mbi',
        'style': 'camelCase',
      }],
    }
  },
  {
    files: ['**/enums/*.ts'],
    rules: {
      '@typescript-eslint/no-namespace': 'off',
    }
  },
];