@auvred/eslint-config NPM

@auvred/eslint-config

Partially based on these awesome configs: @so1ve/eslint-config, @antfu/eslint-config

Features

Single quotes, no semi, trailing commas
Formatting with Prettier
Typescript and Vue support out-of-box
Sortable imports

Usage

Install

pnpm add -D @auvred/eslint-config eslint prettier

Config `eslint.config.js`

In ESM projects:

import { auvred } from '@auvred/eslint-config'

export default auvred()

In CJS projects:

module.exports = (async () => {
  const { auvred } = await import('@auvred/eslint-config')

  return auvred()
})()

Configure your editor

VS Code

Install dbaeumer.vscode-eslint extension

{
  "eslint.experimental.useFlatConfig": true,
  "prettier.enable": false,
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.organizeImports": "never"
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "vue",
    "html",
    "markdown",
    "json",
    "jsonc",
    "yaml"
  ],
  "eslint.rules.customizations": [
    { "rule": "auvred/prettier", "severity": "off" }
  ]
}

It's better to put these settings to workspace settings (.vscode/settings.json)

coc.nvim

Install coc-eslint extension

{
  "eslint.experimental.useFlatConfig": true,
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "vue",
    "html",
    "markdown",
    "json",
    "jsonc",
    "yaml"
  ],
  "eslint.rules.customizations": [
    { "rule": "auvred/prettier", "severity": "off" }
  ]
}