@uselessjs/eslint-config-vue

Vue3 eslint config presets extends ts config

Usage

Install

pnpm add -D eslint @uselessjs/eslint-config-vue

Config eslint (.eslintrc | .eslintrc.js | .eslintrc.json)

{
  "extends": "@uselessjs/eslint-config-vue"
}

You don't need .eslintignore normally as it has been provided by the preset.

add import alias

{
  "settings": {
    "import/resolver": {
      "alias": { // default alias
        "map": [
          ["~", "."],
          ["@", "./src"]
        ],
        "extensions": [".js", ".jsx", ".mjs", ".ts", ".tsx", "mts", ".d.ts"]
      }
    }
  }
}

Add scripts for package.json

For example:

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