Angular/eslint.config.mjs at master · eskinderg/Angular · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
import * as path from 'node:path';
import { defineConfig } from 'eslint/config';
import angular from 'angular-eslint';
import prettier from 'eslint-plugin-prettier/recommended';
import storybook from 'eslint-plugin-storybook';
import eslint from '@eslint/js';
import tseslint from 'typescript-eslint';
import tsseslint from '@typescript-eslint/eslint-plugin';

export default defineConfig([
    { ignores: ['.angular', 'dist', 'docs', 'doc/compodoc'] },
    prettier,
    {
        files: ['src/**/*.ts'],

        extends: [...angular.configs.tsRecommended],
        processor: angular.processInlineTemplates,
        plugins: {
            '@typescript-eslint': tsseslint
        },
        rules: {
            '@typescript-eslint/no-unused-vars': [
                'error',
                {
                    // Options to ignore variables starting with an underscore, mirroring
                    // TypeScript's default behavior.
                    argsIgnorePattern: '^_',
                    varsIgnorePattern: '^_',
                    caughtErrorsIgnorePattern: '^_'
                }
            ],
            // If the base ESLint `no-unused-vars` rule is enabled by an extended config,
            // you might need to disable it to avoid conflicts.
            'no-unused-vars': 'off',
            '@angular-eslint/prefer-standalone': ['warn'],

            '@angular-eslint/component-selector': [
                'error',
                {
                    prefix: 'app',
                    style: 'kebab-case',
                    type: 'element'
                }
            ],

            '@angular-eslint/directive-selector': [
                'error',
                {
                    prefix: 'app',
                    style: 'camelCase',
                    type: 'attribute'
                }
            ],

            '@angular-eslint/no-output-native': 'off'
        }
    },
    {
        files: ['e2e/**/*.ts'],
        extends: [eslint.configs.recommended, ...tseslint.configs.recommendedTypeChecked],
        languageOptions: {
            parserOptions: {
                projectService: true,
                tsconfigRootDir: path.join(import.meta.dirname, 'e2e')
            }
        },
        rules: {
            'no-restricted-imports': ['error', '@playwright/test', '@argos-ci/playwright']
        }
    },
    {
        files: ['src/**/*.html'],

        extends: [...angular.configs.templateRecommended]
    },
    ...storybook.configs['flat/recommended'],
    {
        files: ['**/*.stories.@(ts|tsx|js|jsx|mjs|cjs)'],

        rules: {
            'storybook/story-exports': 'off'
        }
    }
]);