generated from elastic/next-eui-starter
-
Notifications
You must be signed in to change notification settings - Fork 0
/
.eslintrc.js
102 lines (89 loc) · 3.57 KB
/
.eslintrc.js
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
module.exports = {
parser: '@typescript-eslint/parser', // Specifies the ESLint parser
parserOptions: {
ecmaVersion: 2018, // Allows for the parsing of modern ECMAScript features
sourceType: 'module', // Allows for the use of imports
ecmaFeatures: {
jsx: true, // Allows for the parsing of JSX
},
},
settings: {
react: {
// Tells eslint-plugin-react to automatically detect the version of
// React to use
version: 'detect',
},
},
extends: [
// Uses the recommended rules from @eslint-plugin-react
'plugin:react/recommended',
// Uses the recommended rules from the @typescript-eslint/eslint-plugin
'plugin:@typescript-eslint/recommended',
// Uses eslint-config-prettier to disable ESLint rules from
// @typescript-eslint/eslint-plugin that would conflict with prettier
'prettier/@typescript-eslint',
'prettier/react',
'prettier/standard',
// Enables eslint-plugin-prettier and eslint-config-prettier. This will
// display prettier errors as ESLint errors. Make sure this is always
// the last configuration in the extends array.
'plugin:prettier/recommended',
],
plugins: ['jsx-a11y', 'prefer-object-spread', 'prettier', 'react-hooks'],
rules: {
// In an ideal world, we'd never have to use @ts-ignore, but that's not
// possible right now.
'@typescript-eslint/ban-ts-ignore': 'off',
'@typescript-eslint/ban-ts-comment': 'off',
// Again, in theory this is a good rule, but it can cause a bit of
// unhelpful noise.
'@typescript-eslint/explicit-function-return-type': 'off',
// Another theoretically good rule, but sometimes we know better than
// the linter.
'@typescript-eslint/no-non-null-assertion': 'off',
// Accessibility rules
'jsx-a11y/accessible-emoji': 'error',
'jsx-a11y/alt-text': 'error',
'jsx-a11y/anchor-has-content': 'error',
'jsx-a11y/aria-activedescendant-has-tabindex': 'error',
'jsx-a11y/aria-props': 'error',
'jsx-a11y/aria-proptypes': 'error',
'jsx-a11y/aria-role': 'error',
'jsx-a11y/aria-unsupported-elements': 'error',
'jsx-a11y/heading-has-content': 'error',
'jsx-a11y/html-has-lang': 'error',
'jsx-a11y/iframe-has-title': 'error',
'jsx-a11y/interactive-supports-focus': 'error',
'jsx-a11y/media-has-caption': 'error',
'jsx-a11y/mouse-events-have-key-events': 'error',
'jsx-a11y/no-access-key': 'error',
'jsx-a11y/no-distracting-elements': 'error',
'jsx-a11y/no-interactive-element-to-noninteractive-role': 'error',
'jsx-a11y/no-noninteractive-element-interactions': 'error',
'jsx-a11y/no-noninteractive-element-to-interactive-role': 'error',
'jsx-a11y/no-redundant-roles': 'error',
'jsx-a11y/role-has-required-aria-props': 'error',
'jsx-a11y/role-supports-aria-props': 'error',
'jsx-a11y/scope': 'error',
'jsx-a11y/tabindex-no-positive': 'error',
'jsx-a11y/label-has-associated-control': 'error',
'prefer-object-spread/prefer-object-spread': 'error',
// Use template strings instead of string concatenation
'prefer-template': 'error',
'react-hooks/rules-of-hooks': 'error',
'react-hooks/exhaustive-deps': 'warn',
// Place to specify ESLint rules. Can be used to overwrite rules
// specified from the extended configs
// We're using TypeScript, so prop-types aren't so interesting
'react/prop-types': 'off',
// This is documented as the default, but apparently now needs to be
// set explicitly
'prettier/prettier': [
'error',
{},
{
usePrettierrc: true,
},
],
},
};