@semivan/eslint-config-vue

@semivan/eslint-config-vue

Flat-конфиг ESLint для Vue + TypeScript.

Включает @semivan/eslint-config-ts и @semivan/eslint-config.

Установка

yarn add -D @semivan/eslint-config-vue eslint typescript

Требуется Node.js >= 20.19 и ESLint >= 9.22.

Использование

// eslint.config.js
import createConfig from '@semivan/eslint-config-vue';

export default createConfig({ typeChecked: true, tsconfigRootDir: import.meta.dirname });

Вместе с собственными настройками:

import { defineConfig } from 'eslint/config';
import createConfig from '@semivan/eslint-config-vue';

export default defineConfig(
    createConfig(),
    {
        files: ['scripts/**'],
        rules: { 'no-console': 'off' },
    },
);

Опции

Устаревшие алиасы (будут удалены в следующей мажорной версии): extraFileExtensions → files, useTypeChecked → typeChecked.

typeChecked для Vue обрабатывает @vue/eslint-config-typescript, который намеренно отключает несколько правил @typescript-eslint/no-unsafe-* для файлов .ts и .vue.

Правила

Наборы правил экспортируются для переиспользования, например чтобы расширить опции родительского правила:

import { rules, ruleSeverity, ruleOptions } from '@semivan/eslint-config-vue';

const maxLen = rules.js['@stylistic/max-len'];

export default [{
    rules: {
        '@stylistic/max-len': [ruleSeverity(maxLen), { ...ruleOptions(maxLen), code: 140 }],
    },
}];

Также доступны как @semivan/eslint-config-vue/rules.

Лицензия

MIT