@nitra/eslint-config 3.1.6 → 3.2.0

package/README.md

@@ -15,18 +15,6 @@ bun add @nitra/eslint-config -D
 
 _Це лише спільна конфігурація. Prettier, ESLint та плагіни потрібно встановлювати окремо або вони підтягнуться як залежності._
 
-### Єдина версія `eslint-scope` (рекомендовано)
-
-Щоб уникнути конфліктів версій `eslint-scope` між ESLint і плагінами (наприклад vue-eslint-parser), додайте **один раз** у кореневий `package.json` проєкту:
-
-```json
-"overrides": {
-  "eslint-scope": "^9.1.0"
-}
-```
-
-Після цього виконайте `bun install` (або `npm install`). Override застосується до всього дерева залежностей проєкту.
-
 ## Використання
 
 У корені проєкту створіть **`eslint.config.js`** (або `eslint.config.mjs`):

package/index.js

@@ -1,4 +1,3 @@
-// import sdlPlugin from '@microsoft/eslint-plugin-sdl'
 import js from '@eslint/js'
 import configPrettier from 'eslint-config-prettier'
 import { flatConfigs as importPlugin } from 'eslint-plugin-import'
@@ -6,12 +5,12 @@ import jsdocPlugin from 'eslint-plugin-jsdoc'
 import markdownPlugin from 'eslint-plugin-markdown'
 import nodePlugin from 'eslint-plugin-n'
 import oxlint from 'eslint-plugin-oxlint'
-// import securityPlugin from 'eslint-plugin-security'
 import unicornPlugin from 'eslint-plugin-unicorn'
-// import vuePlugin from 'eslint-plugin-vue'
+import vuePlugin from 'eslint-plugin-vue'
 import { configs as ymlConfigs } from 'eslint-plugin-yml'
 import globals from 'globals'
-// import configStandard from 'eslint-config-standard'
+// import securityPlugin from 'eslint-plugin-security'
+// import sdlPlugin from '@microsoft/eslint-plugin-sdl' https://github.com/microsoft/eslint-plugin-sdl/pull/91/changes
 
 // Перевизначаємо версію EcmaScript на останню
 const importPluginEcmaLatest = {
@@ -30,7 +29,6 @@ const all = [
   // Загальні правила для всіх Yaml файлів проекту
   ...ymlConfigs['flat/prettier'],
   // Загальні правила для всіх MD файлів проекту
-  // @ts-ignore
   ...markdownPlugin.configs.recommended,
   // Плагін eslint-plugin-import
   importPluginEcmaLatest,
@@ -134,48 +132,46 @@ const vueAllVite = [
   }
 ]
 
-// Для Vue файлів Vue проектів
-// files: ['**/*.vue']
 const vue = [
-  // ...vuePlugin.configs['flat/recommended'],
-  // {
-  //   rules: {
-  //     'vue/no-v-html': 'off',
-  //     'vue/html-indent': 'off',
-  //     'vue/max-attributes-per-line': 'off',
-  //     'vue/html-closing-bracket-newline': 'off',
-  //     'vue/singleline-html-element-content-newline': 'off',
-  //     'vue/multi-word-component-names': 'off',
-  //     'vue/html-self-closing': [
-  //       'error',
-  //       {
-  //         html: {
-  //           void: 'always' // під преттієр https://github.com/prettier/prettier/issues/5641
-  //         }
-  //       }
-  //     ],
-  //     // Нітра порядок сортування
-  //     'vue/attributes-order': [
-  //       'error',
-  //       {
-  //         order: [
-  //           'DEFINITION',
-  //           'LIST_RENDERING',
-  //           'CONDITIONALS',
-  //           'RENDER_MODIFIERS',
-  //           'GLOBAL',
-  //           ['UNIQUE', 'SLOT'],
-  //           'TWO_WAY_BINDING',
-  //           'OTHER_DIRECTIVES',
-  //           'EVENTS',
-  //           'OTHER_ATTR',
-  //           'CONTENT'
-  //         ],
-  //         alphabetical: false
-  //       }
-  //     ]
-  //   }
-  // }
+  ...vuePlugin.configs['flat/recommended'],
+  {
+    rules: {
+      'vue/no-v-html': 'off',
+      'vue/html-indent': 'off',
+      'vue/max-attributes-per-line': 'off',
+      'vue/html-closing-bracket-newline': 'off',
+      'vue/singleline-html-element-content-newline': 'off',
+      'vue/multi-word-component-names': 'off',
+      'vue/html-self-closing': [
+        'error',
+        {
+          html: {
+            void: 'always' // під преттієр https://github.com/prettier/prettier/issues/5641
+          }
+        }
+      ],
+      // Нітра порядок сортування
+      'vue/attributes-order': [
+        'error',
+        {
+          order: [
+            'DEFINITION',
+            'LIST_RENDERING',
+            'CONDITIONALS',
+            'RENDER_MODIFIERS',
+            'GLOBAL',
+            ['UNIQUE', 'SLOT'],
+            'TWO_WAY_BINDING',
+            'OTHER_DIRECTIVES',
+            'EVENTS',
+            'OTHER_ATTR',
+            'CONTENT'
+          ],
+          alphabetical: false
+        }
+      ]
+    }
+  }
 ]
 
 const vue2 = [
@@ -187,74 +183,50 @@ const vue2 = [
 ]
 
 /**
- * Eslint правила
- * @param {{node?: Array, vue?: Array, vue2?: Array}} params список директорій до яких примінити Eslint правили
- * @returns {Array} конфігурації eslint
+ * Додає до result конфіги для Vue-проєктів (vite, .vue, .js).
+ * @param {Array} result масив конфігів
+ * @param {string[]} dirs директорії Vue-проєктів
+ * @param {{ includeVite?: boolean, extraVueConfigs?: Array }} [options]
+ */
+function pushVueConfigs(result, dirs, options = {}) {
+  const { includeVite = false, extraVueConfigs = [] } = options
+
+  if (includeVite) {
+    const filesVite = dirs.map(name => `${name}/**/vite.config.js`)
+    result.push(...vueVite.map(configObject => ({ files: filesVite, ...configObject })))
+  }
+
+  const filesVue = dirs.map(name => `${name}/**/*.vue`)
+  const vueConfigs = [...vueAllVite, ...vue, ...extraVueConfigs]
+  result.push(...vueConfigs.map(configObject => ({ files: filesVue, ...configObject })))
+
+  const filesJS = dirs.map(name => `${name}/**/*.js`)
+  result.push(...vueAllVite.map(configObject => ({ files: filesJS, ...configObject })))
+}
+
+/**
+ * ESLint flat config для проєктів на Vue та Node.
+ * @param {Object} [params] — список директорій для застосування правил
+ * @param {string[]} [params.node] — шляхи до Node.js коду
+ * @param {string[]} [params.vue] — шляхи до Vue 3
+ * @param {string[]} [params.vue2] — шляхи до Vue 2
+ * @returns {import('eslint').Linter.FlatConfig[]} масив конфігурацій ESLint
  */
 // oxlint-disable-next-line unicorn/no-object-as-default-parameter
 export function getConfig(params = { node: [], vue: [], vue2: [] }) {
-  const result = all
+  const result = [...all]
 
-  // якщо присутні nodejs проекти в monorepo
   if (params.node?.length) {
     const files = params.node.map(name => `${name}/**/*.js`)
-    const nodeConfig = node.map(configObject => ({
-      files,
-      ...configObject
-    }))
-    result.push(...nodeConfig)
+    result.push(...node.map(configObject => ({ files, ...configObject })))
   }
 
-  // Правила для Vue3
   if (params.vue?.length) {
-    // по певним файлам правили
-    const filesVite = params.vue.map(name => `${name}/**/vite.config.js`)
-    const vueViteConfig = vueVite.map(configObject => ({
-      files: filesVite,
-      ...configObject
-    }))
-    // @ts-ignore
-    result.push(...vueViteConfig)
-
-    // Для Vue файлів правила
-    const files = params.vue.map(name => `${name}/**/*.vue`)
-    const vueConfig = [...vueAllVite, ...vue].map(configObject => ({
-      files,
-      ...configObject
-    }))
-
-    result.push(...vueConfig)
-
-    // Для js файлів всередині Vue проектів правила
-    const filesJS = params.vue.map(name => `${name}/**/*.js`)
-    const vueJSConfig = vueAllVite.map(configObject => ({
-      files: filesJS,
-      ...configObject
-    }))
-    // @ts-ignore
-    result.push(...vueJSConfig)
+    pushVueConfigs(result, params.vue, { includeVite: true })
   }
 
-  // Правила для Vue2
   if (params.vue2?.length) {
-    // по певним файлам правили
-    // Для Vue файлів правила
-    const files = params.vue2.map(name => `${name}/**/*.vue`)
-    const vueConfig = [...vueAllVite, ...vue, ...vue2].map(configObject => ({
-      files,
-      ...configObject
-    }))
-
-    result.push(...vueConfig)
-
-    // Для js файлів всередині Vue проектів правила
-    const filesJS = params.vue2.map(name => `${name}/**/*.js`)
-    const vueJSConfig = vueAllVite.map(configObject => ({
-      files: filesJS,
-      ...configObject
-    }))
-    // @ts-ignore
-    result.push(...vueJSConfig)
+    pushVueConfigs(result, params.vue2, { extraVueConfigs: vue2 })
   }
 
   result.push(...oxlint.configs['flat/recommended'])

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nitra/eslint-config",
-  "version": "3.1.6",
-  "description": "A Eslint shareable config for projects using 'Vue' and 'Node'",
+  "version": "3.2.0",
+  "description": "An ESLint shareable config for projects using Vue and Node",
   "keywords": [
     "eslint",
     "eslintconfig",
@@ -13,6 +13,7 @@
     "type": "git",
     "url": "git@github.com:nitra/eslint-config.git"
   },
+  "types": "index.d.ts",
   "files": [
     "index.js"
   ],
@@ -27,8 +28,8 @@
     "eslint-plugin-n": "^17.23.2",
     "eslint-plugin-oxlint": "^1.43.0",
     "eslint-plugin-unicorn": "^62.0.0",
+    "eslint-plugin-vue": "^10.7.0",
     "eslint-plugin-yml": "^3.1.2",
-    "eslint-scope": "^9.1.0",
     "globals": "^17.3.0"
   },
   "engines": {