@alexlit/lint-kit 124.0.0 → 124.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/lint-kit",
-  "version": "124.0.0",
+  "version": "124.2.0",
   "private": false,
   "description": "Preset of configuration files and dependencies for linting web applications (designed for Vue.js with TypeScript)",
   "keywords": [

package/packages/config-eslint/README.md

@@ -31,3 +31,7 @@ npm i @alexlit/config-eslint -D
 
   export default [...typescript, ...unicorn, ...vitest];
   ```
+
+## Usefull links
+
+- [Awesome ESLint](https://github.com/dustinspecker/awesome-eslint)

package/packages/config-eslint/index.js

@@ -4,8 +4,10 @@ import globals from 'globals';
 import { javascript } from './plugins/javascript.js';
 import { jsdoc } from './plugins/jsdoc.js';
 import { perfectionist } from './plugins/perfectionist.js';
+import { prettier, prettierConfig } from './plugins/prettier.js';
 import { regexp } from './plugins/regexp.js';
 import { sonar } from './plugins/sonar.js';
+import { stylistic } from './plugins/stylistic.js';
 import { tanstackQuery } from './plugins/tanstack-query.js';
 import { typescript } from './plugins/typescript.js';
 import { unicorn } from './plugins/unicorn.js';
@@ -15,7 +17,24 @@ import { vueI18n } from './plugins/vue-i18n.js';
 import { vue } from './plugins/vue.js';
 
 export const config = [
-  { files: ['**/*.{js,mjs,cjs,typescript,vue}'] },
+  {
+    files: ['**/*.{js,mjs,cjs,typescript,vue}'],
+  },
+
+  {
+    ignores: [
+      '**/.temp',
+      '**/mockServiceWorker.js',
+      '.histoire',
+      '.nuxt',
+      'build',
+      'dist',
+      'docs',
+      'storybook-*',
+      'sw.js',
+    ],
+  },
+
   { languageOptions: { globals: globals.browser } },
 
   ...javascript,
@@ -23,6 +42,7 @@ export const config = [
   ...perfectionist,
   ...regexp,
   ...sonar,
+  ...stylistic,
   ...tanstackQuery,
   ...typescript,
   ...unicorn,
@@ -30,14 +50,19 @@ export const config = [
   ...vue,
   ...vueAccessibility,
   ...vueI18n,
+
+  ...prettierConfig, // must be last
 ];
 
 export {
   javascript,
   jsdoc,
   perfectionist,
+  prettier,
+  prettierConfig,
   regexp,
   sonar,
+  stylistic,
   tanstackQuery,
   typescript,
   unicorn,

package/packages/config-eslint/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/config-eslint",
-  "version": "91.0.0",
+  "version": "92.1.0",
   "private": false,
   "description": "Eslint config",
   "keywords": [
@@ -24,10 +24,12 @@
   "type": "module",
   "main": "index.js",
   "files": [
+    "plugins",
     "README.md",
     "index.js"
   ],
   "scripts": {
+    "inspect": "npx @eslint/config-inspector@latest",
     "release": "../../scripts/release.sh",
     "semver": "../../scripts/semver.sh",
     "up": "../../scripts/up.sh"
@@ -35,19 +37,22 @@
   "dependencies": {
     "@eslint/js": "^9.8.0",
     "@intlify/eslint-plugin-vue-i18n": "^3.0.0",
+    "@stylistic/eslint-plugin": "^2.6.1",
     "@tanstack/eslint-plugin-query": "^5.51.15",
     "eslint": "^9.8.0",
-    "eslint-plugin-jsdoc": "^48.10.1",
-    "eslint-plugin-perfectionist": "^3.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-jsdoc": "^48.11.0",
+    "eslint-plugin-perfectionist": "^3.1.1",
+    "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-regexp": "^2.6.0",
     "eslint-plugin-sonarjs": "^1.0.4",
     "eslint-plugin-unicorn": "^55.0.0",
     "eslint-plugin-vitest": "^0.5.4",
     "eslint-plugin-vue": "^9.27.0",
     "eslint-plugin-vuejs-accessibility": "^2.4.1",
-    "globals": "^15.8.0",
+    "globals": "^15.9.0",
     "typescript": "^5.5.4",
-    "typescript-eslint": "^7.18.0"
+    "typescript-eslint": "^8.0.0"
   },
   "engines": {
     "node": ">=18.18"

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

@@ -1,4 +1,3 @@
-/* eslint-disable sonarjs/no-duplicate-string */
 import plugin from '@eslint/js';
 
 /** @see [eslint](https://eslint.org) */
@@ -7,40 +6,11 @@ export const javascript = [
 
   {
     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',
         {
@@ -49,7 +19,6 @@ export const javascript = [
           ],
         },
       ],
-
       'no-restricted-imports': [
         'error',
         {
@@ -65,79 +34,7 @@ export const javascript = [
           ],
         },
       ],
-
-      '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',
+      'prefer-template': 'warn',
     },
   },
 ];

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

@@ -14,7 +14,7 @@ export const jsdoc = [
 
           require: {
             ArrowFunctionExpression: false,
-            ClassDeclaration: true,
+            ClassDeclaration: false,
             ClassExpression: false,
             FunctionDeclaration: false,
             FunctionExpression: false,

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

@@ -0,0 +1,37 @@
+import config from 'eslint-config-prettier';
+import plugin from 'eslint-plugin-prettier/recommended';
+
+const fixes = {
+  // fix  for prettier/vue
+  'vue/html-self-closing': [
+    'error',
+    {
+      html: {
+        component: 'always',
+        normal: 'never',
+        void: 'always',
+      },
+
+      math: 'always',
+      svg: 'always',
+    },
+  ],
+};
+
+/** @see [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier) */
+export const prettier = [
+  plugin,
+  {
+    files: ['**/*.vue'],
+    rules: { ...fixes },
+  },
+];
+
+/** @see [eslint-config-prettier](https://github.com/prettier/eslint-config-prettier) */
+export const prettierConfig = [
+  config,
+  {
+    files: ['**/*.vue'],
+    rules: { ...fixes },
+  },
+];

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

@@ -0,0 +1,95 @@
+/* eslint-disable sonarjs/no-duplicate-string */
+import plugin from '@stylistic/eslint-plugin';
+
+/** @see [@stylistic/eslint-plugin](https://eslint.style/) */
+export const stylistic = [
+  {
+    plugins: {
+      '@stylistic': plugin,
+    },
+    rules: {
+      '@stylistic/lines-around-comment': [
+        'warn',
+        {
+          afterBlockComment: false,
+          afterHashbangComment: true,
+          afterLineComment: false,
+          allowArrayEnd: true,
+          allowArrayStart: true,
+          allowBlockEnd: true,
+          allowBlockStart: true,
+          allowClassEnd: true,
+          allowClassStart: true,
+          allowEnumEnd: true,
+          allowEnumStart: true,
+          allowInterfaceEnd: true,
+          allowInterfaceStart: true,
+          allowModuleEnd: true,
+          allowModuleStart: true,
+          allowObjectEnd: true,
+          allowObjectStart: true,
+          allowTypeEnd: true,
+          allowTypeStart: true,
+          applyDefaultIgnorePatterns: true,
+          beforeBlockComment: true,
+          beforeLineComment: false,
+        },
+      ],
+      '@stylistic/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: 'enum', prev: '*' },
+        { blankLine: 'always', next: 'expression', prev: '*' },
+        { blankLine: 'always', next: 'function', prev: '*' },
+        { blankLine: 'always', next: 'iife', prev: '*' },
+        { blankLine: 'always', next: 'interface', 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: '*' },
+        { blankLine: 'always', next: 'type', prev: '*' },
+        { blankLine: 'always', next: '*', prev: 'enum' },
+        { blankLine: 'always', next: '*', prev: 'interface' },
+        { blankLine: 'always', next: '*', prev: 'type' },
+        // 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' },
+        { blankLine: 'never', next: 'function', prev: 'function-overload' },
+      ],
+    },
+  },
+];

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

@@ -4,6 +4,7 @@ import plugin from 'eslint-plugin-vuejs-accessibility';
 export const vueAccessibility = [
   ...plugin.configs['flat/recommended'],
   {
+    files: ['**/*.vue'],
     rules: {
       'vuejs-accessibility/label-has-for': [
         'warn',

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

@@ -4,6 +4,7 @@ import plugin from '@intlify/eslint-plugin-vue-i18n';
 export const vueI18n = [
   ...plugin.configs['flat/recommended'],
   {
+    files: ['**/*.vue'],
     rules: {
       '@intlify/vue-i18n/key-format-style': [
         'error',

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

@@ -7,18 +7,13 @@ export const vue = [
   {
     files: ['**/*.vue'],
     languageOptions: { parserOptions: { parser: typescript.parser } },
-  },
-  {
-    files: ['**/pages/**/*', '**/layouts/**/*'],
-    rules: { 'vue/multi-word-component-names': 'off' },
-  },
-  {
     rules: {
       'vue/attributes-order': ['error', { alphabetical: true }],
       'vue/block-lang': [
         'error',
         { script: { lang: 'ts' }, style: { lang: 'scss' }, template: {} },
       ],
+      'vue/block-order': ['error', { order: ['script', 'template', 'style'] }],
       'vue/component-api-style': ['error', ['script-setup']],
       'vue/component-definition-name-casing': ['error', 'kebab-case'],
       'vue/component-name-in-template-casing': [
@@ -27,10 +22,6 @@ export const vue = [
         { 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',
@@ -85,7 +76,6 @@ export const vue = [
       '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'],
@@ -169,4 +159,8 @@ export const vue = [
       'vue/valid-v-slot': ['error'],
     },
   },
+  {
+    files: ['**/pages/**/*.vue', '**/layouts/**/*.vue'],
+    rules: { 'vue/multi-word-component-names': 'off' },
+  },
 ];

package/packages/config-hooks/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/config-hooks",
-  "version": "4.2.1",
+  "version": "4.2.2",
   "private": false,
   "description": "Hooks config",
   "keywords": [
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "husky": "^9.1.4",
-    "lint-staged": "^15.2.7"
+    "lint-staged": "^15.2.8"
   },
   "engines": {
     "node": ">=18.18"

package/packages/config-htmllint/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/config-htmllint",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "private": false,
   "description": "htmllint config",
   "keywords": [
@@ -35,7 +35,7 @@
     "up": "../../scripts/up.sh"
   },
   "dependencies": {
-    "@linthtml/linthtml": "^0.10.0",
+    "@linthtml/linthtml": "^0.10.1",
     "@linthtml/linthtml-config-recommended": "^0.1.0"
   },
   "engines": {

package/packages/config-stylelint/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexlit/config-stylelint",
-  "version": "45.12.1",
+  "version": "45.13.0",
   "private": false,
   "description": "Stylelint config",
   "keywords": [
@@ -54,7 +54,7 @@
     "stylelint-order": "^6.0.4",
     "stylelint-plugin-logical-css": "^1.2.1",
     "stylelint-prettier": "^5.0.2",
-    "stylelint-scss": "^6.4.1",
+    "stylelint-scss": "^6.5.0",
     "stylelint-selector-no-empty": "^1.0.9",
     "stylelint-use-nesting": "^5.1.2"
   },