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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
| import type { Linter } from 'eslint';
|
| import { interopDefault } from '../util';
|
| export async function vue(): Promise<Linter.Config[]> {
| const [pluginVue, parserVue, parserTs] = await Promise.all([
| interopDefault(import('eslint-plugin-vue')),
| interopDefault(import('vue-eslint-parser')),
| // @ts-expect-error missing types
| interopDefault(import('@typescript-eslint/parser')),
| ] as const);
|
| return [
| {
| files: ['**/*.vue'],
| languageOptions: {
| // globals: {
| // computed: 'readonly',
| // defineEmits: 'readonly',
| // defineExpose: 'readonly',
| // defineProps: 'readonly',
| // onMounted: 'readonly',
| // onUnmounted: 'readonly',
| // reactive: 'readonly',
| // ref: 'readonly',
| // shallowReactive: 'readonly',
| // shallowRef: 'readonly',
| // toRef: 'readonly',
| // toRefs: 'readonly',
| // watch: 'readonly',
| // watchEffect: 'readonly',
| // },
| parser: parserVue,
| parserOptions: {
| ecmaFeatures: {
| jsx: true,
| },
| extraFileExtensions: ['.vue'],
| parser: parserTs,
| sourceType: 'module',
| },
| },
| plugins: {
| vue: pluginVue,
| },
| processor: pluginVue.processors['.vue'],
| rules: {
| ...pluginVue.configs.base.rules,
| ...pluginVue.configs['vue3-essential'].rules,
| ...pluginVue.configs['vue3-strongly-recommended'].rules,
| ...pluginVue.configs['vue3-recommended'].rules,
|
| 'vue/attribute-hyphenation': [
| 'error',
| 'always',
| {
| ignore: [],
| },
| ],
| 'vue/attributes-order': 'off',
| 'vue/block-order': [
| 'error',
| {
| order: ['script', 'template', 'style'],
| },
| ],
| 'vue/component-name-in-template-casing': ['error', 'PascalCase'],
| 'vue/component-options-name-casing': ['error', 'PascalCase'],
| 'vue/custom-event-name-casing': ['error', 'camelCase'],
| 'vue/define-macros-order': [
| 'error',
| {
| order: [
| 'defineOptions',
| 'defineProps',
| 'defineEmits',
| 'defineSlots',
| ],
| },
| ],
| 'vue/dot-location': ['error', 'property'],
| 'vue/dot-notation': ['error', { allowKeywords: true }],
| 'vue/eqeqeq': ['error', 'smart'],
| 'vue/html-closing-bracket-newline': 'error',
| 'vue/html-indent': 'off',
| // 'vue/html-indent': ['error', 2],
| 'vue/html-quotes': ['error', 'double'],
| 'vue/html-self-closing': [
| 'error',
| {
| html: {
| component: 'always',
| normal: 'never',
| void: 'always',
| },
| math: 'always',
| svg: 'always',
| },
| ],
| 'vue/max-attributes-per-line': 'off',
| 'vue/multi-word-component-names': 'off',
| 'vue/multiline-html-element-content-newline': 'error',
| 'vue/no-empty-pattern': 'error',
| 'vue/no-extra-parens': ['error', 'functions'],
| 'vue/no-irregular-whitespace': 'error',
| 'vue/no-loss-of-precision': 'error',
| 'vue/no-reserved-component-names': 'off',
| 'vue/no-restricted-syntax': [
| 'error',
| 'DebuggerStatement',
| 'LabeledStatement',
| 'WithStatement',
| ],
| 'vue/no-restricted-v-bind': ['error', '/^v-/'],
| 'vue/no-sparse-arrays': 'error',
| 'vue/no-unused-refs': 'error',
| 'vue/no-useless-v-bind': 'error',
| 'vue/object-shorthand': [
| 'error',
| 'always',
| {
| avoidQuotes: true,
| ignoreConstructors: false,
| },
| ],
| 'vue/one-component-per-file': 'error',
| 'vue/prefer-import-from-vue': 'error',
| 'vue/prefer-separate-static-class': 'error',
| 'vue/prefer-template': 'error',
| 'vue/prop-name-casing': ['error', 'camelCase'],
| 'vue/require-default-prop': 'error',
| 'vue/require-explicit-emits': 'error',
| 'vue/require-prop-types': 'off',
| 'vue/script-setup-uses-vars': 'error',
| 'vue/singleline-html-element-content-newline': 'off',
| 'vue/space-infix-ops': 'error',
| 'vue/space-unary-ops': ['error', { nonwords: false, words: true }],
| 'vue/v-on-event-hyphenation': [
| 'error',
| 'always',
| {
| autofix: true,
| ignore: [],
| },
| ],
| },
| },
| ];
| }
|
|
