@vwinterdev/eslint-config

Набор готовых конфигураций ESLint, Prettier и Stylelint для Vue + TypeScript проектов. Один пакет — три пресета, согласованные между собой и готовые к использованию «из коробки».

⚡ Быстрый старт

1. Установка

npm install --save-dev @vwinterdev/eslint-config

Пакет подтянет все необходимые зависимости (ESLint 9, Prettier 3, Stylelint 16, плагины для Vue, SCSS и сортировки импортов).

2. Настройка ESLint

eslint.config.mjs

import { defineConfig } from 'eslint/config';
import { adminTeamConfigV1 } from '@vwinterdev/eslint-config';

export default defineConfig([
  { ignores: ['dist/**', 'coverage/**'] },
  ...adminTeamConfigV1,
]);

3. Настройка Prettier

.prettierrc.mjs:

import { adminTeamConfigPrettierV1 } from '@vwinterdev/eslint-config';

export default {
  ...adminTeamConfigPrettierV1,
};

4. Настройка Stylelint

stylelint.config.mjs

import { adminTeamStylelintConfigV1 } from '@vwinterdev/eslint-config';

export default adminTeamStylelintConfigV1;

📜 Полезные скрипты

Добавьте в package.json:

{
  "scripts": {
    "lint": "eslint .",
    "lint:fix": "eslint . --fix",
    "format": "prettier \"src/**/*.{ts,vue}\" --write",
    "lint:styles": "stylelint \"src/**/*.{vue,scss}\"",
    "lint:styles:fix": "stylelint \"src/**/*.{vue,scss}\" --fix"
  }
}

▶️ Ручной запуск

npx eslint .
npx stylelint "src/**/*.{vue,scss}"
npx prettier "src/**/*.{ts,vue}" --write

🧩 Что входит

• ESLint flat-конфиг с поддержкой TypeScript, Vue и интеграцией Prettier
• Пресет Prettier с сортировкой импортов через @trivago/prettier-plugin-sort-imports
• Пресет Stylelint для Vue SFC (postcss-html) и SCSS (postcss-scss)

🛠 Требования

• Node.js ≥ 18
• ESLint 9.x (используется внутри пресета)
• Prettier 3.x (устанавливается автоматически)
• Stylelint 16.x (устанавливается автоматически)

🚀 Автопубликация на npm

В репозитории настроен GitHub Actions workflow .github/workflows/publish.yml, который публикует пакет в npm автоматически.

• Триггеры: публикация релиза (Release → Publish) или ручной запуск через Run workflow.
• Необходимый секрет: добавьте в Settings → Secrets and variables → Actions секрет NPM_TOKEN со стандартным токеном npm с правами automation.
• Поведение: пайплайн собирает проект (npm ci, npm run build), проверяет, что текущая версия из package.json ещё не опубликована, и выполняет npm publish --access public.
• Процесс релиза: обновите package.json и CHANGELOG, создайте новый тег и релиз в GitHub — публикация на npm произойдёт автоматически.