@alexlit/lint-kit 123.0.0 → 124.0.0

package/packages/config-eslint/_legacy/plugins/vue.js

@@ -0,0 +1,291 @@
+/* eslint-disable spellcheck/spell-checker */
+module.exports = {
+  extends: ['plugin:vue/vue3-recommended'],
+
+  overrides: [
+    {
+      files: ['**/pages/**/*', '**/layouts/**/*'],
+
+      rules: {
+        'vue/multi-word-component-names': 'off',
+      },
+    },
+  ],
+
+  plugins: ['vue'],
+
+  rules: {
+    'vue/attributes-order': [
+      'error',
+      {
+        alphabetical: true,
+      },
+    ],
+
+    'vue/block-lang': [
+      'error',
+      {
+        script: { lang: 'ts' },
+        style: { lang: 'scss' },
+        template: {},
+      },
+    ],
+
+    'vue/component-api-style': ['error', ['script-setup']],
+
+    'vue/component-definition-name-casing': ['error', 'kebab-case'],
+
+    'vue/component-name-in-template-casing': [
+      'error',
+      'PascalCase',
+      {
+        registeredComponentsOnly: false,
+      },
+    ],
+
+    'vue/component-options-name-casing': ['error', 'PascalCase'],
+
+    'vue/component-tags-order': [
+      'error',
+      {
+        order: ['script', 'template', 'style'],
+      },
+    ],
+
+    'vue/define-emits-declaration': ['error'],
+
+    'vue/define-macros-order': [
+      'error',
+      {
+        defineExposeLast: true,
+
+        order: [
+          'defineOptions',
+          'defineModel',
+          'defineProps',
+          'defineEmits',
+          'defineSlots',
+        ],
+      },
+    ],
+
+    'vue/define-props-declaration': ['error'],
+
+    'vue/dot-notation': ['error'],
+
+    'vue/enforce-style-attribute': ['error', { allow: ['module'] }],
+
+    'vue/eqeqeq': ['error'],
+
+    'vue/html-button-has-type': ['error'],
+
+    'vue/html-comment-content-newline': ['warn'],
+
+    'vue/html-comment-content-spacing': ['warn'],
+
+    'vue/html-comment-indent': ['warn'],
+
+    'vue/html-end-tags': ['error'],
+
+    // 'vue/html-self-closing': [], // delegate to plugins/prettier
+    'vue/match-component-file-name': ['error'],
+
+    'vue/match-component-import-name': ['error'],
+
+    'vue/max-attributes-per-line': [
+      'error',
+      {
+        singleline: 3,
+      },
+    ],
+
+    'vue/max-lines-per-block': [
+      'warn',
+      {
+        script: 500,
+        skipBlankLines: true,
+        style: 500,
+        template: 500,
+      },
+    ],
+
+    'vue/new-line-between-multi-line-property': ['error'],
+
+    'vue/next-tick-style': ['error', 'promise'],
+
+    'vue/no-child-content': ['error'],
+
+    'vue/no-console': ['error'],
+
+    'vue/no-custom-modifiers-on-v-model': 'off',
+
+    'vue/no-deprecated-model-definition': ['error'],
+
+    'vue/no-deprecated-scope-attribute': ['error'],
+
+    'vue/no-deprecated-slot-attribute': ['error'],
+
+    'vue/no-deprecated-slot-scope-attribute': ['error'],
+
+    'vue/no-duplicate-attr-inheritance': ['error'],
+
+    'vue/no-empty-component-block': ['error'],
+
+    'vue/no-invalid-model-keys': ['error'],
+
+    'vue/no-irregular-whitespace': ['error'],
+
+    'vue/no-loss-of-precision': ['error'],
+
+    'vue/no-multiple-objects-in-class': ['error'],
+
+    'vue/no-multiple-template-root': 'off',
+
+    'vue/no-parsing-error': ['error'],
+
+    'vue/no-potential-component-option-typo': ['error'],
+
+    'vue/no-ref-object-reactivity-loss': ['error'],
+
+    'vue/no-required-prop-with-default': [
+      'error',
+      {
+        autofix: true,
+      },
+    ],
+
+    'vue/no-reserved-component-names': [
+      'error',
+      {
+        disallowVue3BuiltInComponents: true,
+        disallowVueBuiltInComponents: true,
+      },
+    ],
+
+    'vue/no-restricted-component-names': ['error'],
+
+    'vue/no-restricted-component-options': ['error'],
+
+    'vue/no-restricted-props': ['error'],
+
+    'vue/no-root-v-if': ['error'],
+
+    'vue/no-setup-props-reactivity-loss': ['error'],
+
+    'vue/no-static-inline-styles': [
+      'error',
+      {
+        allowBinding: true,
+      },
+    ],
+
+    'vue/no-this-in-before-route-enter': ['error'],
+
+    'vue/no-unsupported-features': ['error'],
+
+    'vue/no-unused-components': ['error'],
+
+    'vue/no-unused-emit-declarations': ['error'],
+
+    'vue/no-unused-refs': 'off',
+
+    'vue/no-use-computed-property-like-method': ['error'],
+
+    'vue/no-use-v-else-with-v-for': ['warn'],
+
+    'vue/no-useless-mustaches': ['error'],
+
+    'vue/no-useless-template-attributes': ['error'],
+
+    'vue/no-useless-v-bind': ['error'],
+
+    'vue/no-v-for-template-key': 'off',
+
+    'vue/no-v-html': ['error'],
+
+    'vue/no-v-model-argument': 'off',
+
+    'vue/no-v-text': ['error'],
+
+    'vue/no-v-text-v-html-on-component': ['error'],
+
+    'vue/object-shorthand': ['error'],
+
+    'vue/padding-line-between-blocks': ['error'],
+
+    'vue/padding-line-between-tags': [
+      'error',
+      [
+        {
+          blankLine: 'always',
+          next: '*',
+          prev: '*',
+        },
+      ],
+    ],
+
+    'vue/padding-lines-in-component-definition': [
+      'error',
+      { groupSingleLineProperties: true },
+    ],
+
+    'vue/prefer-define-options': ['error'],
+
+    'vue/prefer-prop-type-boolean-first': ['error'],
+
+    'vue/prefer-separate-static-class': ['error'],
+
+    'vue/prefer-true-attribute-shorthand': ['error'],
+
+    'vue/quote-props': ['error', 'as-needed'],
+
+    'vue/require-direct-export': 'off',
+
+    'vue/require-explicit-slots': ['warn'],
+
+    'vue/require-macro-variable-name': [
+      'error',
+      {
+        defineEmits: '$emit',
+        defineProps: '$props',
+        defineSlots: '$slots',
+        useAttrs: '$attrs',
+        useSlots: '$slots',
+      },
+    ],
+
+    'vue/require-typed-object-prop': ['error'],
+
+    'vue/require-typed-ref': ['error'],
+
+    'vue/sort-keys': 'off', // delegate to sort-keys-fix,
+
+    'vue/static-class-names-order': ['warn'],
+
+    'vue/this-in-template': ['error', 'never'],
+
+    'vue/v-bind-style': [
+      'error',
+      'shorthand',
+      {
+        sameNameShorthand: 'always',
+      },
+    ],
+
+    'vue/v-for-delimiter-style': ['error'],
+
+    'vue/v-if-else-key': ['error'],
+
+    'vue/v-on-event-hyphenation': ['error'],
+
+    'vue/v-on-handler-style': ['error', 'inline-function'],
+
+    'vue/valid-define-options': ['error'],
+
+    'vue/valid-next-tick': ['error'],
+
+    'vue/valid-v-bind-sync': ['error'],
+
+    'vue/valid-v-slot': ['error'],
+  },
+};

package/packages/config-eslint/{utils → _legacy/utils}/create-config.js

@@ -10,7 +10,7 @@ const DEFAULT_PLUGINS = {
    * @see [eslint-plugin-import](https://github.com/benmosher/eslint-plugin-import)
    * @see [eslint-import-resolver-alias](https://github.com/johvin/eslint-import-resolver-alias)
    */
-  import: true,
+  import: false,
 
   /** @see [eslint-plugin-jsdoc](https://github.com/gajus/eslint-plugin-jsdoc) */
   jsdoc: true,
@@ -19,37 +19,37 @@ const DEFAULT_PLUGINS = {
   regexp: true,
 
   /** @see [eslint-plugin-simple-import-sort](https://github.com/lydell/eslint-plugin-simple-import-sort) */
-  'simple-import-sort': true,
+  // 'simple-import-sort': false,
 
   /** @see [eslint-plugin-sonarjs](https://github.com/SonarSource/eslint-plugin-sonarjs) */
   sonar: true,
 
   /** @see [eslint-plugin-sort-class-members](https://github.com/bryanrsmith/eslint-plugin-sort-class-members) */
-  'sort-class-members': true,
+  // 'sort-class-members': false,
 
   /** @see [eslint-plugin-sort-destructure-keys](https://github.com/mthadley/eslint-plugin-sort-destructure-keys) */
-  'sort-destructure-keys': true,
+  // 'sort-destructure-keys': false,
 
   /** @see [eslint-plugin-sort-keys-fix](https://github.com/leo-buneev/eslint-plugin-sort-keys-fix) */
-  'sort-keys-fix': true,
+  // 'sort-keys-fix': false,
 
   /** @see [@tanstack/query](https://tanstack.com/query/latest/docs/eslint/eslint-plugin-query) */
   'tanstack-query': true,
 
   /** @see [eslint-plugin-testing-library](https://github.com/testing-library/eslint-plugin-testing-library) */
-  'testing-library': true,
+  'testing-library': false,
 
   /** @see [typescript-eslint](https://github.com/typescript-eslint/typescript-eslint) */
   typescript: true,
 
   /** @see [eslint-plugin-typescript-sort-keys](https://github.com/infctr/eslint-plugin-typescript-sort-keys) */
-  'typescript-sort-keys': true,
+  // 'typescript-sort-keys': true,
 
   /** @see [eslint-plugin-unicorn](https://github.com/sindresorhus/eslint-plugin-unicorn) */
   unicorn: true,
 
   /** @see [eslint-plugin-unused-imports](https://github.com/sweepline/eslint-plugin-unused-imports) */
-  'unused-imports': true,
+  // 'unused-imports': true,
 
   /** @see [eslint-plugin-vitest](https://github.com/veritem/eslint-plugin-vitest) */
   vitest: true,
@@ -60,7 +60,7 @@ const DEFAULT_PLUGINS = {
   /** @see [eslint-plugin-vue-i18n](https://eslint-plugin-vue-i18n.intlify.dev/) */
   'vue-i18n': true,
 
-  /** @see [eslint-plugin-vuejs-accessibility](https://github.com/vue-a11y/eslint-plugin-vuejs-accessibility) */
+  /** @see [eslint-plugin-vuejs-accessibility](https://vue-a11y.github.io/eslint-plugin-vuejs-accessibility/) */
   'vuejs-accessibility': true,
 };
 

package/packages/config-eslint/index.js

@@ -1,12 +1,48 @@
-const { FlatCompat } = require('@eslint/eslintrc');
+/* eslint-disable no-restricted-imports */
+import globals from 'globals';
 
-const { createConfig } = require('./utils/create-config');
-const { extendSpellChecker } = require('./utils/extend-spell-checker');
+import { javascript } from './plugins/javascript.js';
+import { jsdoc } from './plugins/jsdoc.js';
+import { perfectionist } from './plugins/perfectionist.js';
+import { regexp } from './plugins/regexp.js';
+import { sonar } from './plugins/sonar.js';
+import { tanstackQuery } from './plugins/tanstack-query.js';
+import { typescript } from './plugins/typescript.js';
+import { unicorn } from './plugins/unicorn.js';
+import { vitest } from './plugins/vitest.js';
+import { vueAccessibility } from './plugins/vue-accessibility.js';
+import { vueI18n } from './plugins/vue-i18n.js';
+import { vue } from './plugins/vue.js';
 
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
+export const config = [
+  { files: ['**/*.{js,mjs,cjs,typescript,vue}'] },
+  { languageOptions: { globals: globals.browser } },
 
-const createFlatConfig = () => [...compat.extends('./legacy.js')];
+  ...javascript,
+  ...jsdoc,
+  ...perfectionist,
+  ...regexp,
+  ...sonar,
+  ...tanstackQuery,
+  ...typescript,
+  ...unicorn,
+  ...vitest,
+  ...vue,
+  ...vueAccessibility,
+  ...vueI18n,
+];
 
-module.exports = { createConfig, createFlatConfig, extendSpellChecker };
+export {
+  javascript,
+  jsdoc,
+  perfectionist,
+  regexp,
+  sonar,
+  tanstackQuery,
+  typescript,
+  unicorn,
+  vitest,
+  vue,
+  vueAccessibility,
+  vueI18n,
+};

package/packages/config-eslint/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/config-eslint",
-  "version": "90.0.0",
+  "version": "91.0.0",
   "private": false,
   "description": "Eslint config",
   "keywords": [
@@ -21,16 +21,11 @@
   "maintainers": [
     "Alexey Litovchenko <alex.lit@outlook.com> (https://alexlit.gitlab.io)"
   ],
-  "type": "commonjs",
+  "type": "module",
   "main": "index.js",
   "files": [
     "README.md",
-    "constants",
-    "dictionaries",
-    "index.js",
-    "legacy.js",
-    "plugins",
-    "utils"
+    "index.js"
   ],
   "scripts": {
     "release": "../../scripts/release.sh",
@@ -38,58 +33,21 @@
     "up": "../../scripts/up.sh"
   },
   "dependencies": {
-    "@babel/eslint-parser": "^7.24.8",
-    "@eslint/eslintrc": "^3.1.0",
+    "@eslint/js": "^9.8.0",
     "@intlify/eslint-plugin-vue-i18n": "^3.0.0",
-    "@tanstack/eslint-plugin-query": "^5.51.12",
-    "@typescript-eslint/eslint-plugin": "^7.17.0",
-    "@typescript-eslint/parser": "^7.17.0",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb-base": "^15.0.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-define-config": "^2.1.0",
-    "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-plugin-array-func": "^4.0.0",
-    "eslint-plugin-compat": "^6.0.0",
-    "eslint-plugin-decorator-position": "^5.0.2",
-    "eslint-plugin-eslint-comments": "^3.2.0",
-    "eslint-plugin-etc": "^2.0.3",
-    "eslint-plugin-ext": "^0.1.0",
-    "eslint-plugin-filenames": "^1.3.2",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsdoc": "^48.8.3",
-    "eslint-plugin-jsx-a11y": "^6.9.0",
-    "eslint-plugin-lit": "^1.14.0",
-    "eslint-plugin-lit-a11y": "^4.1.4",
-    "eslint-plugin-more": "^1.0.5",
-    "eslint-plugin-no-await-in-promise": "^2.0.1",
-    "eslint-plugin-no-constructor-bind": "^2.0.4",
-    "eslint-plugin-no-explicit-type-exports": "^0.12.1",
-    "eslint-plugin-no-loops": "^0.4.0",
-    "eslint-plugin-no-secrets": "^1.0.2",
-    "eslint-plugin-no-use-extend-native": "^0.5.0",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-promise": "^7.0.0",
+    "@tanstack/eslint-plugin-query": "^5.51.15",
+    "eslint": "^9.8.0",
+    "eslint-plugin-jsdoc": "^48.10.1",
+    "eslint-plugin-perfectionist": "^3.0.0",
     "eslint-plugin-regexp": "^2.6.0",
-    "eslint-plugin-security": "^3.0.1",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-sonarjs": "^1.0.4",
-    "eslint-plugin-sort-class-members": "^1.20.0",
-    "eslint-plugin-sort-destructure-keys": "^2.0.0",
-    "eslint-plugin-sort-keys-fix": "^1.1.2",
-    "eslint-plugin-spellcheck": "^0.0.20",
-    "eslint-plugin-sql": "^2.5.0",
-    "eslint-plugin-testing-library": "^6.2.2",
-    "eslint-plugin-typescript-sort-keys": "^3.2.0",
     "eslint-plugin-unicorn": "^55.0.0",
-    "eslint-plugin-unused-imports": "^4.0.1",
     "eslint-plugin-vitest": "^0.5.4",
     "eslint-plugin-vue": "^9.27.0",
     "eslint-plugin-vuejs-accessibility": "^2.4.1",
-    "eslint-plugin-wc": "^2.1.0",
-    "eslint-plugin-write-good-comments": "^0.2.0",
-    "typescript": "^5.5.4"
+    "globals": "^15.8.0",
+    "typescript": "^5.5.4",
+    "typescript-eslint": "^7.18.0"
   },
   "engines": {
     "node": ">=18.18"

package/packages/config-eslint/plugins/javascript.js

@@ -0,0 +1,143 @@
+/* eslint-disable sonarjs/no-duplicate-string */
+import plugin from '@eslint/js';
+
+/** @see [eslint](https://eslint.org) */
+export const javascript = [
+  plugin.configs.recommended,
+
+  {
+    rules: {
+      'class-methods-use-this': 'off',
+      curly: 'error',
+      'func-style': ['error', 'declaration', { allowArrowFunctions: true }],
+      'grouped-accessor-pairs': ['error', 'getBeforeSet'],
+
+      'lines-around-comment': [
+        'warn',
+        {
+          afterBlockComment: false,
+          afterLineComment: false,
+
+          allowArrayEnd: true,
+          allowArrayStart: true,
+
+          allowBlockEnd: true,
+          allowBlockStart: true,
+
+          allowClassEnd: true,
+          allowClassStart: true,
+
+          allowObjectEnd: true,
+          allowObjectStart: true,
+
+          beforeBlockComment: true,
+          beforeLineComment: false,
+        },
+      ],
+
+      'no-console': 'warn',
+
+      'no-implicit-coercion': 'error',
+
+      'no-param-reassign': ['error', { props: false }],
+
+      'no-restricted-exports': [
+        'error',
+        {
+          restrictedNamedExports: [
+            'then', // this will cause tons of confusion when your module is dynamically `import()`ed, and will break in most node ESM versions
+          ],
+        },
+      ],
+
+      'no-restricted-imports': [
+        'error',
+        {
+          patterns: [
+            {
+              group: ['.', '..', '*/..'],
+              message: 'Use absolute path instead',
+            },
+            {
+              group: ['@/', '@@/'],
+              message: 'Use "~" instead of "@"',
+            },
+          ],
+        },
+      ],
+
+      'no-return-await': 'off',
+      'no-shadow': 'off',
+      'no-underscore-dangle': 'off',
+      'no-unused-vars': 'off',
+      'no-use-before-define': 'off',
+      'nonblock-statement-body-position': ['error', 'below'],
+      'padding-line-between-statements': [
+        'warn',
+        // always
+        { blankLine: 'always', next: '*', prev: 'block-like' },
+        { blankLine: 'always', next: '*', prev: 'case' },
+        { blankLine: 'always', next: '*', prev: 'cjs-export' },
+        { blankLine: 'always', next: '*', prev: 'cjs-import' },
+        { blankLine: 'always', next: '*', prev: 'class' },
+        { blankLine: 'always', next: '*', prev: 'default' },
+        { blankLine: 'always', next: '*', prev: 'directive' },
+        { blankLine: 'always', next: '*', prev: 'expression' },
+        { blankLine: 'always', next: '*', prev: 'iife' },
+        { blankLine: 'always', next: '*', prev: 'multiline-block-like' },
+        { blankLine: 'always', next: '*', prev: 'multiline-const' },
+        { blankLine: 'always', next: '*', prev: 'multiline-expression' },
+        { blankLine: 'always', next: '*', prev: 'multiline-let' },
+        { blankLine: 'always', next: '*', prev: 'multiline-var' },
+        { blankLine: 'always', next: '*', prev: 'singleline-const' },
+        { blankLine: 'always', next: '*', prev: 'singleline-let' },
+        { blankLine: 'always', next: '*', prev: 'singleline-var' },
+        { blankLine: 'always', next: 'block-like', prev: '*' },
+        { blankLine: 'always', next: 'cjs-export', prev: '*' },
+        { blankLine: 'always', next: 'cjs-import', prev: '*' },
+        { blankLine: 'always', next: 'class', prev: '*' },
+        { blankLine: 'always', next: 'expression', prev: '*' },
+        { blankLine: 'always', next: 'function', prev: '*' },
+        { blankLine: 'always', next: 'iife', prev: '*' },
+        { blankLine: 'always', next: 'multiline-block-like', prev: '*' },
+        { blankLine: 'always', next: 'multiline-const', prev: '*' },
+        { blankLine: 'always', next: 'multiline-expression', prev: '*' },
+        { blankLine: 'always', next: 'multiline-let', prev: '*' },
+        { blankLine: 'always', next: 'multiline-var', prev: '*' },
+        { blankLine: 'always', next: 'return', prev: '*' },
+        { blankLine: 'always', next: 'switch', prev: '*' },
+        // any
+        { blankLine: 'any', next: 'expression', prev: 'expression' },
+        {
+          blankLine: 'any',
+          next: 'singleline-const',
+          prev: 'singleline-const',
+        },
+        { blankLine: 'any', next: 'singleline-let', prev: 'singleline-let' },
+        { blankLine: 'any', next: 'singleline-var', prev: 'singleline-var' },
+        // never
+        { blankLine: 'never', next: 'cjs-export', prev: 'cjs-export' },
+        { blankLine: 'never', next: 'cjs-import', prev: 'cjs-import' },
+        { blankLine: 'never', next: 'directive', prev: 'directive' },
+      ],
+
+      quotes: ['error', 'single'],
+      'require-await': 'off',
+
+      'sort-imports': [
+        'warn',
+        {
+          allowSeparatedGroups: true,
+          ignoreCase: true,
+          ignoreDeclarationSort: true,
+          ignoreMemberSort: false,
+          memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
+        },
+      ],
+
+      'sort-keys': 'off',
+
+      'sort-vars': 'warn',
+    },
+  },
+];