.eslintrc.js

module.exports = {
    extends: ['plugin:@angular-eslint/recommended'],
    rules: {
      // ORIGINAL tslint.json -> "directive-selector": [true, "attribute", "app", "camelCase"],
      '@angular-eslint/directive-selector': [
        'error',
        { type: 'attribute', prefix: 'app', style: 'camelCase' },
      ],
      // ORIGINAL tslint.json -> "component-selector": [true, "element", "app", "kebab-case"],
      '@angular-eslint/component-selector': [
        'error',
        { type: 'element', prefix: 'app', style: 'kebab-case' },
      ],
      'no-console': ['error', { allow: ['warn', 'error'] }],
    },
    overrides: [
      // Add this rules, if you use inline templates inside *.component.ts files
      {
        files: ['*.component.ts'],
        parser: '@typescript-eslint/parser',
        parserOptions: {
          ecmaVersion: 2020,
          sourceType: 'module',
        },
        plugins: ['@angular-eslint/template'],
        processor: '@angular-eslint/template/extract-inline-html',
      },
      {
        files: ['src/**/*.spec.ts', 'src/**/*.d.ts'],
        parserOptions: {
          project: './tsconfig.spec.json',
        },
        // Jasmine rules
        extends: ['plugin:jasmine/recommended'],
        // Plugin to run Jasmine rules
        plugins: ['jasmine'],
        env: { jasmine: true },
        // Turn off 'no-unused-vars' rule
        rules: {
          '@typescript-eslint/no-unused-vars': 'off',
        },
      },
    ],
  };