-
Notifications
You must be signed in to change notification settings - Fork 0
/
eslint.config.js
124 lines (110 loc) · 2.85 KB
/
eslint.config.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
import js from '@eslint/js'
import tseslint from 'typescript-eslint'
import pluginVue from 'eslint-plugin-vue'
import simpleImportSort from 'eslint-plugin-simple-import-sort'
import eslintPluginUnicorn from 'eslint-plugin-unicorn'
const CUSTOM_PREFIX = 'custom'
const CUSTOM_SPLITTER = '/'
export default [
{
name: CUSTOM_PREFIX + CUSTOM_SPLITTER + 'ignores',
ignores: ['**/*.{test,spec}.ts'],
},
{
name: 'eslint-js/recommended',
...js.configs.recommended,
},
...tseslint.configs.recommended,
...pluginVue.configs['flat/recommended'],
/* https://stackoverflow.com/questions/78348933/how-to-use-eslint-flat-config-for-vue-with-typescript */
{
name: CUSTOM_PREFIX + CUSTOM_SPLITTER + 'setup-vue-and-typescript',
plugins: {
'typescript-eslint': tseslint.plugin,
},
languageOptions: {
parserOptions: {
parser: tseslint.parser,
project: './tsconfig.json',
extraFileExtensions: ['.vue'],
sourceType: 'module',
},
},
},
/* https://github.com/sindresorhus/eslint-plugin-unicorn?tab=readme-ov-file#es-module-recommended */
{
name: eslintPluginUnicorn.meta.name,
plugins: {
unicorn: eslintPluginUnicorn,
},
rules: {
'unicorn/filename-case': [
'error',
{
case: 'kebabCase',
},
],
},
},
{
name: CUSTOM_PREFIX + CUSTOM_SPLITTER + 'plugin-simple-import-sort',
plugins: {
'simple-import-sort': simpleImportSort,
},
rules: {
'simple-import-sort/imports': 'error',
'simple-import-sort/exports': 'error',
},
},
{
name: CUSTOM_PREFIX + CUSTOM_SPLITTER + 'overrides-rules',
rules: {
'vue/component-options-name-casing': ['error', 'PascalCase'],
'vue/component-name-in-template-casing': ['error', 'PascalCase'],
'vue/component-api-style': ['error', ['composition']],
'vue/custom-event-name-casing': ['error', 'camelCase'],
'vue/html-button-has-type': [
'error',
{
button: true,
submit: true,
reset: true,
},
],
'vue/match-component-file-name': [
'error',
{
extensions: ['vue'],
shouldMatchCase: false,
},
],
'vue/new-line-between-multi-line-property': [
'error',
{
minLineOfMultilineProperty: 2,
},
],
'vue/no-potential-component-option-typo': [
'error',
{
presets: ['vue'],
threshold: 5,
},
],
'vue/block-lang': [
'error',
{
script: {
lang: 'ts',
},
style: {
lang: 'postcss',
},
},
],
'vue/require-name-property': 'error',
'vue/no-v-html': 'off',
'vue/prefer-true-attribute-shorthand': ['error', 'never'],
},
},
]