@yungezeit/eslint-config

Monorepo architecture tweaked from @antfu/eslint-config

Personal ESLint config presets based on airbnb rules and other recommended presets. Used for:

Linting JavaScript files
Linting TypeScript files
Linting Vue 3 applications
Linting React applications
Linting YML files
Linting JSON files
Ensuring consistent package.json properties order

Usage

1. Install

Quick way: install the whole configuration

# Using pnpm
pnpm add -D eslint @yungezeit/eslint-config
# Using yarn
yarn add -D eslint @yungezeit/eslint-config
# Using npm
npm i -D eslint @yungezeit/eslint-config

See Presets to refine your configuration install

2. Configure ESLint

Set the extends property of ESLint's configuration :

{
  "extends": "@yungezeit"
}

3. Add scripts in `package.json`

{
  "scripts": {
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  }
}

4. Enable VS Code autofix

Create/edit the .vscode/settings.json file and add the following:

{
  "prettier.enable": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "yaml",
    "json",
    "jsonc",
    "json5"
  ]
}

This will autofix files on save and let ESLint handle code formatting.