eslint.config.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440
  1. import globals from 'globals'
  2. import { defineConfig } from 'eslint/config'
  3. import * as parserTypeScript from '@typescript-eslint/parser'
  4. import pluginTypeScript from '@typescript-eslint/eslint-plugin'
  5. import * as parserVue from 'vue-eslint-parser'
  6. import pluginVue from 'eslint-plugin-vue'
  7. import js from '@eslint/js'
  8. import stylistic from '@stylistic/eslint-plugin'
  9. function renameRules(rules, map) {
  10. return Object.fromEntries(
  11. Object.entries(rules).map(([key, value]) => {
  12. for (const [from, to] of Object.entries(map)) {
  13. if (key.startsWith(`${ from }/`))
  14. return [to + key.slice(from.length), value]
  15. }
  16. return [key, value]
  17. })
  18. )
  19. }
  20. export default defineConfig([
  21. {
  22. ignores: [
  23. 'public',
  24. 'build',
  25. 'dist',
  26. 'node_modules',
  27. 'coverage',
  28. 'src/assets/**'
  29. ]
  30. },
  31. {
  32. plugins: {
  33. '@stylistic': stylistic
  34. },
  35. rules: {
  36. '@stylistic/semi': ['error', 'never'],
  37. '@stylistic/no-extra-semi': 'error',
  38. '@stylistic/template-curly-spacing': ['error', 'always'],
  39. '@stylistic/space-before-blocks': ['error', 'always'],
  40. '@stylistic/indent': ['error', 2, {
  41. SwitchCase: 1
  42. }],
  43. '@stylistic/object-curly-newline': ['error', {
  44. 'ObjectExpression': {
  45. // 如果对象有属性,则要求换行。空对象则忽略
  46. 'minProperties': 1,
  47. // 保持一致性
  48. 'consistent': true
  49. }
  50. }],
  51. '@stylistic/object-property-newline': 'error',
  52. '@stylistic/key-spacing': ['error', {
  53. 'beforeColon': false,
  54. 'afterColon': true
  55. }],
  56. '@stylistic/type-annotation-spacing': ['error', {
  57. 'before': true,
  58. 'after': true,
  59. 'overrides': {
  60. 'colon': {
  61. 'before': false,
  62. 'after': true
  63. }
  64. }
  65. }],
  66. '@stylistic/no-trailing-spaces': ['error'],
  67. '@stylistic/member-delimiter-style': ['error', {
  68. multiline: {
  69. delimiter: 'none',
  70. requireLast: false
  71. },
  72. singleline: {
  73. delimiter: 'semi',
  74. requireLast: true
  75. }
  76. }]
  77. }
  78. },
  79. {
  80. ...js.configs.recommended,
  81. languageOptions: {
  82. ecmaVersion: 2022,
  83. globals: {
  84. document: 'readonly',
  85. navigator: 'readonly',
  86. window: 'readonly',
  87. ...globals.node,
  88. ...globals.es2021,
  89. ...globals.browser
  90. },
  91. parserOptions: {
  92. ecmaFeatures: {
  93. jsx: true
  94. },
  95. ecmaVersion: 2022,
  96. sourceType: 'module'
  97. },
  98. sourceType: 'module'
  99. },
  100. rules: {
  101. 'accessor-pairs': ['error', {
  102. enforceForClassMembers: true,
  103. setWithoutGet: true
  104. }],
  105. 'array-callback-return': 'error',
  106. 'block-scoped-var': 'error',
  107. 'comma-spacing': ['error', {
  108. after: true,
  109. before: false
  110. }],
  111. 'constructor-super': 'error',
  112. 'default-case-last': 'error',
  113. 'dot-notation': ['error', {
  114. allowKeywords: true
  115. }],
  116. 'eqeqeq': ['error', 'always'],
  117. 'new-cap': ['error', {
  118. capIsNew: false,
  119. newIsCap: true,
  120. properties: true
  121. }],
  122. 'no-alert': 'error',
  123. 'no-array-constructor': 'error',
  124. 'no-async-promise-executor': 'error',
  125. 'no-caller': 'error',
  126. 'no-case-declarations': 'error',
  127. 'no-class-assign': 'error',
  128. 'no-compare-neg-zero': 'error',
  129. 'no-cond-assign': ['error', 'always'],
  130. 'no-console': ['error', {
  131. allow: ['log', 'warn', 'error']
  132. }],
  133. 'no-const-assign': 'error',
  134. 'no-control-regex': 'error',
  135. 'no-debugger': 'error',
  136. 'no-delete-var': 'error',
  137. 'no-dupe-args': 'error',
  138. 'no-dupe-class-members': 'error',
  139. 'no-dupe-keys': 'error',
  140. 'no-duplicate-case': 'error',
  141. 'no-empty': ['error', {
  142. allowEmptyCatch: true
  143. }],
  144. 'no-empty-character-class': 'error',
  145. 'no-empty-pattern': 'error',
  146. 'no-eval': 'error',
  147. 'no-ex-assign': 'error',
  148. 'no-extend-native': 'error',
  149. 'no-extra-bind': 'error',
  150. 'no-extra-boolean-cast': 'error',
  151. 'no-fallthrough': 'error',
  152. 'no-func-assign': 'error',
  153. 'no-global-assign': 'error',
  154. 'no-implied-eval': 'error',
  155. 'no-import-assign': 'error',
  156. 'no-invalid-regexp': 'error',
  157. 'no-irregular-whitespace': 'error',
  158. 'no-iterator': 'error',
  159. 'no-labels': ['error', {
  160. allowLoop: false,
  161. allowSwitch: false
  162. }],
  163. 'no-lone-blocks': 'error',
  164. 'no-loss-of-precision': 'error',
  165. 'no-misleading-character-class': 'error',
  166. 'no-multi-str': 'error',
  167. 'no-new': 'off',
  168. 'no-new-func': 'error',
  169. 'no-new-native-nonconstructor': 'error',
  170. 'no-new-wrappers': 'error',
  171. 'no-obj-calls': 'error',
  172. 'no-octal': 'error',
  173. 'no-octal-escape': 'error',
  174. 'no-proto': 'error',
  175. 'no-prototype-builtins': 'error',
  176. 'no-redeclare': ['error', {
  177. builtinGlobals: false
  178. }],
  179. 'no-regex-spaces': 'error',
  180. 'no-restricted-globals': [
  181. 'error',
  182. {
  183. message: 'Use `globalThis` instead.',
  184. name: 'global'
  185. },
  186. {
  187. message: 'Use `globalThis` instead.',
  188. name: 'self'
  189. }
  190. ],
  191. 'no-restricted-properties': [
  192. 'error',
  193. {
  194. message: 'Use `Object.getPrototypeOf` or `Object.setPrototypeOf` instead.',
  195. property: '__proto__'
  196. },
  197. {
  198. message: 'Use `Object.defineProperty` instead.',
  199. property: '__defineGetter__'
  200. },
  201. {
  202. message: 'Use `Object.defineProperty` instead.',
  203. property: '__defineSetter__'
  204. },
  205. {
  206. message: 'Use `Object.getOwnPropertyDescriptor` instead.',
  207. property: '__lookupGetter__'
  208. },
  209. {
  210. message: 'Use `Object.getOwnPropertyDescriptor` instead.',
  211. property: '__lookupSetter__'
  212. }
  213. ],
  214. 'no-restricted-syntax': [
  215. 'error',
  216. 'DebuggerStatement',
  217. 'LabeledStatement',
  218. 'WithStatement',
  219. 'TSEnumDeclaration[const=true]',
  220. 'TSExportAssignment'
  221. ],
  222. 'no-self-assign': ['error', {
  223. props: true
  224. }],
  225. 'no-self-compare': 'error',
  226. 'no-sequences': 'error',
  227. 'no-shadow-restricted-names': 'error',
  228. 'no-sparse-arrays': 'error',
  229. 'no-template-curly-in-string': 'error',
  230. 'no-this-before-super': 'error',
  231. 'no-throw-literal': 'error',
  232. 'no-undef': 'error',
  233. 'no-undef-init': 'error',
  234. 'no-unexpected-multiline': 'error',
  235. 'no-unmodified-loop-condition': 'error',
  236. 'no-unneeded-ternary': ['error', {
  237. defaultAssignment: false
  238. }],
  239. 'no-unreachable': 'error',
  240. 'no-unreachable-loop': 'error',
  241. 'no-unsafe-finally': 'error',
  242. 'no-unsafe-negation': 'error',
  243. 'no-unused-expressions': ['error', {
  244. allowShortCircuit: true,
  245. allowTaggedTemplates: true,
  246. allowTernary: true
  247. }],
  248. 'no-unused-vars': ['error', {
  249. args: 'none',
  250. caughtErrors: 'none',
  251. ignoreRestSiblings: true,
  252. vars: 'all'
  253. }],
  254. 'no-use-before-define': ['error', {
  255. classes: false,
  256. functions: false,
  257. variables: false
  258. }],
  259. 'no-useless-backreference': 'error',
  260. 'no-useless-call': 'error',
  261. 'no-useless-catch': 'error',
  262. 'no-useless-computed-key': 'error',
  263. 'no-useless-constructor': 'error',
  264. 'no-useless-rename': 'error',
  265. 'no-useless-return': 'error',
  266. 'no-var': 'error',
  267. 'no-with': 'error',
  268. 'space-infix-ops': 'error',
  269. 'object-curly-spacing': ['error', 'always'],
  270. 'object-shorthand': [
  271. 'error',
  272. 'always',
  273. {
  274. avoidQuotes: true,
  275. ignoreConstructors: false
  276. }
  277. ],
  278. 'one-var': ['error', {
  279. initialized: 'never'
  280. }],
  281. 'prefer-arrow-callback': [
  282. 'error',
  283. {
  284. allowNamedFunctions: false,
  285. allowUnboundThis: true
  286. }
  287. ],
  288. 'prefer-const': [
  289. 'error',
  290. {
  291. destructuring: 'all',
  292. ignoreReadBeforeAssign: true
  293. }
  294. ],
  295. 'prefer-exponentiation-operator': 'error',
  296. 'prefer-promise-reject-errors': 'error',
  297. 'prefer-regex-literals': ['error', {
  298. disallowRedundantWrapping: true
  299. }],
  300. 'prefer-rest-params': 'error',
  301. 'prefer-spread': 'error',
  302. 'prefer-template': 'error',
  303. 'sort-imports': [
  304. 'error',
  305. {
  306. allowSeparatedGroups: false,
  307. ignoreCase: false,
  308. ignoreDeclarationSort: true,
  309. ignoreMemberSort: false,
  310. memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single']
  311. }
  312. ],
  313. // https://cn.eslint.org/docs/rules/no-trailing-spaces
  314. 'no-trailing-spaces': 2, // 禁用行尾空白
  315. 'comma-style': ['error', 'last'],
  316. 'comma-dangle': ['error', 'never'],
  317. 'no-multi-spaces': 1,
  318. 'no-multiple-empty-lines': [
  319. 2,
  320. {
  321. max: 2
  322. }
  323. ],
  324. // https://cn.eslint.org/docs/rules/eol-last
  325. 'eol-last': 2,
  326. 'quotes': [
  327. 'error',
  328. 'single',
  329. {
  330. avoidEscape: true,
  331. allowTemplateLiterals: true
  332. }
  333. ]
  334. }
  335. },
  336. {
  337. files: ['**/*.vue', '**/*.?([cm])ts', '**/*.?([cm])tsx'],
  338. languageOptions: {
  339. parser: parserTypeScript,
  340. parserOptions: {
  341. ecmaVersion: 2022,
  342. sourceType: 'module',
  343. ecmaFeatures: {
  344. jsx: true
  345. }
  346. }
  347. },
  348. settings: {
  349. 'import/core-modules': [
  350. 'uno.css'
  351. ]
  352. },
  353. plugins: {
  354. '@typescript-eslint': pluginTypeScript
  355. },
  356. rules: {
  357. ...renameRules(
  358. pluginTypeScript.configs['eslint-recommended'].overrides[0].rules,
  359. {
  360. '@typescript-eslint': 'ts'
  361. }
  362. ),
  363. ...pluginTypeScript.configs.recommended.rules,
  364. '@typescript-eslint/ban-ts-comment': 'off',
  365. '@typescript-eslint/explicit-module-boundary-types': 'off',
  366. '@typescript-eslint/no-explicit-any': 'off',
  367. '@typescript-eslint/no-unused-vars': 1,
  368. '@typescript-eslint/no-empty-function': 0,
  369. '@typescript-eslint/no-non-null-assertion': 0,
  370. '@typescript-eslint/consistent-type-imports': ['error', {
  371. fixStyle: 'separate-type-imports',
  372. disallowTypeAnnotations: false
  373. }]
  374. }
  375. },
  376. {
  377. files: ['*.d.ts'],
  378. rules: {
  379. 'eslint-comments/no-unlimited-disable': 'off',
  380. 'import/no-duplicates': 'off',
  381. 'unused-imports/no-unused-vars': 'off'
  382. }
  383. },
  384. ...pluginVue.configs['flat/base'],
  385. ...pluginVue.configs['flat/essential'],
  386. ...pluginVue.configs['flat/strongly-recommended'],
  387. ...pluginVue.configs['flat/recommended'],
  388. {
  389. files: ['**/*.vue'],
  390. languageOptions: {
  391. parser: parserVue,
  392. parserOptions: {
  393. parser: parserTypeScript,
  394. ecmaVersion: 2022,
  395. sourceType: 'module',
  396. jsxPragma: 'React',
  397. ecmaFeatures: {
  398. jsx: true
  399. },
  400. extraFileExtensions: ['.vue']
  401. }
  402. },
  403. plugins: {
  404. vue: pluginVue
  405. },
  406. processor: pluginVue.processors['.vue'],
  407. rules: {
  408. 'vue/no-v-html': 'off',
  409. 'vue/multi-word-component-names': 0,
  410. 'vue/singleline-html-element-content-newline': 'off',
  411. 'vue/require-default-prop': 'off',
  412. 'vue/html-closing-bracket-spacing': 'error',
  413. 'vue/no-unused-components': 1,
  414. 'vue/no-mutating-props': 0,
  415. 'vue/v-on-event-hyphenation': ['warn', 'always', {
  416. autofix: true
  417. }],
  418. 'vue/block-order': ['error', {
  419. 'order': ['script', 'template', 'style']
  420. }],
  421. 'vue/padding-line-between-blocks': ['error', 'always'],
  422. 'vue/html-self-closing': ['error', {
  423. html: {
  424. void: 'never',
  425. normal: 'never',
  426. component: 'always'
  427. },
  428. svg: 'always',
  429. math: 'always'
  430. }]
  431. }
  432. }
  433. ])