eslint-presets

Shareable ESLint config presets.

Usage

• Install package:

pnpm add --save-dev eslint eslint-presets

• Create ESLint configuration file eslint.config.js:

import { defineFlatConfig, presetBasic } from 'eslint-presets'

export default defineFlatConfig([
  presetBasic({ enableTs: true }),
  // {
  //   rules: {...}
  // }
])

If your project does not specify "type":"module" in its package.json file, then eslint.config.js must be in CommonJS format, such as:

module.exports = (async () => {
  const { defineFlatConfig, presetBasic } = await import('eslint-presets')
  return defineFlatConfig([
    presetBasic({ enableTs: true }),
    // {
    //   rules: {...}
    // }
  ])
})()

• Add script for package.json:

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

VS Code support

Install VS Code ESLint extension

Add the following settings to your project setting .vscode/settings.json:

{
  // Auto fix
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.organizeImports": false
  },

  // Enable the flat config support
  "eslint.experimental.useFlatConfig": true,

  // Enable eslint for supported languages
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "astro",
    "vue"
  ]
}

Please support this project by simply putting a star.

And, enjoy :)