@favorodera/eslint-config
v1.1.3
Published
Opinionated, type-safe flat ESLint configuration factory for Vue, TypeScript, Tailwind, and more.
Maintainers
Readme
An opinionated, highly customizable ESLint flat configuration factory. It provides a seamless, type-safe linting experience out-of-the-box for Vue, TypeScript, Tailwind CSS, Markdown, and more.
Features
- Flat Config First — Built from the ground up for ESLint's new flat config system.
- TypeScript Support — Robust linting for TypeScript out of the box.
- Vue Integration — First-class support for Vue 3 single-file components.
- Stylistic Rules — Consistent code styling powered by ESLint Stylistic.
- Tailwind CSS — Built-in rules for Tailwind classes sorting and best practices.
- Auto-formatting — Formats JSON, JSONC, Markdown, and JS/TS automatically.
- Type-safe Rules — Rules are generated with JSDoc comments, giving you rich auto-complete and descriptions right in your IDE.
- Highly Configurable — Easily enable or disable specific rulesets based on your project's needs.
Supported Configs
The following configurations are bundled and enabled by default (they can be individually disabled or customized):
- JavaScript — Core ESLint rules (
@eslint/js) - TypeScript — Type-aware linting (
typescript-eslint) - Vue — Single-file component support and accessibility linting (
eslint-plugin-vue,vue-eslint-parser,eslint-plugin-vuejs-accessibility) - Stylistic — Formatting rules (
@stylistic/eslint-plugin) - Tailwind CSS — Utility class linting and sorting (
eslint-plugin-better-tailwindcss) - Test — Test and Vitest specific linting (
@vitest/eslint-plugin) - Imports — Auto-sorting and import quality rules (
eslint-plugin-import-lite) - Unused Imports — Unused imports and variables detection and cleanup (
eslint-plugin-unused-imports) - Markdown — Linting for markdown files and embedded code blocks (
@eslint/markdown) - JSON/JSONC/JSON5 — Formatting and sorting for JSON files like
package.json(eslint-plugin-jsonc) - JSDoc — Standardized comment formatting (
eslint-plugin-jsdoc) - Unicorn — Various code quality improvements (
eslint-plugin-unicorn) - Perfectionist — Sorting objects, imports, classes, etc. (
eslint-plugin-perfectionist) - Node — Node.js specific linting rules (
eslint-plugin-n)
Usage
Install
pnpm install -D eslint @favorodera/eslint-confignpm install -D eslint @favorodera/eslint-configyarn add -D eslint @favorodera/eslint-configbun add -D eslint @favorodera/eslint-configConfigure
Create an eslint.config.ts file in the root of your project. Since all configurations are enabled by default, you only need to pass options if you want to disable or customize something.
The factory() function returns a FlatConfigComposer instance (powered by eslint-flat-config-utils), which acts as a powerful composer. This makes it incredibly easy to append your own configurations, override existing rules, or insert plugins seamlessly.
import { factory } from '@favorodera/eslint-config'
export default factory({
// All configs are true by default!
// Example: Customize specific rulesets
stylistic: {
indent: 4,
quotes: 'double',
},
// Example: Disable tailwind if you aren't using it
tailwind: false,
})
// You can seamlessly chain methods to compose your config
.append({
// Add your own custom ESLint configs
ignores: ['src/types/rules.d.ts'],
})
.overrides({
// Easily override predefined rules by their name
'favorodera/typescript/rules': {
rules: {
'ts/no-explicit-any': 'off',
},
},
})Development
Prerequisites
Getting Started
# Install all dependencies
pnpm install
# Start compiler in watch mode and open ESLint config inspector
pnpm dev
# Build the project
pnpm build
# Lint, typecheck, build, and test in one go
pnpm readyUseful Commands
| Command | What it does |
|---------|-------------|
| pnpm dev | Generates types, starts watch mode, and opens @eslint/config-inspector |
| pnpm build | Production build using tsdown |
| pnpm script:generate-rules-types | Extracts and generates type definitions for all ESLint rules |
| pnpm lint | Lint the repository |
| pnpm typecheck | Type-check without emitting files |
| pnpm test | Run test suites with Vitest |
| pnpm ready | Full pipeline: install → build → lint → typecheck → test |
Contributing & Issues
Feel free to open an issue or submit a pull request if you'd like to improve the rules, add new features, or fix a bug. Please ensure you run pnpm ready before submitting your PR to make sure tests and linting pass.
Inspiration
This project takes heavy inspiration from antfu/eslint-config and similar modern ESLint presets, adapting their best patterns into a custom set of opinionated rules.
