@charchamp/eslint-config

ESLint config for JavaScript, TypeScript, Vue 2, Vue 3, Prettier.

Forked from sxzz/eslint-config

Usage

pnpm i -D @charchamp/eslint-config-basic # JavaScript only
# Or yarn add -D / npm install -D
pnpm i -D @charchamp/eslint-config-ts # JavaScript and TypeScript
pnpm i -D @charchamp/eslint-config-vue # JavaScript, TypeScript and Vue 2/3 (Auto detect)
pnpm i -D @charchamp/eslint-config-prettier # Prettier only
pnpm i -D @charchamp/eslint-config # JavaScript, TypeScript, Vue 2/3 and Prettier

Quick start

Vue 3

pnpm i -D @charchamp/eslint-config

// .eslintrc.js
module.exports = {
  root: true,
  extends: ['@charchamp/eslint-config'],
  rules: {
    // Your custom rules
  },
}

// .prettierrc
{
  "singleQuote": true,
  "semi": true,
  "arrowParens": "avoid",
  "jsxSingleQuote": true,
  "endOfLine": "lf",
  "trailingComma": "es5"
}

VSCode

// settings.json
{
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "html",
    "vue",
    "json",
    "json5",
    "jsonc",
    "yaml"
  ],
  "eslint.probe": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "html",
    "vue",
    "json",
    "json5",
    "jsonc",
    "yaml"
  ]
}