@vue/eslint-config-standard

ESLint Shareable Configs for JavaScript Standard Style in Vue.js Projects

This config is specifically designed to be used by create-vue setups and is not meant for outside use (it can be used but some adaptations on the user side might be needed - for details see the config file).

A part of its design is that this config may implicitly depend on other parts of create-vue setups, such as eslint-plugin-vue being extended in the same resulting config.

[!NOTE] The current version doesn't support the legacy .eslintrc* configuration format. For that you need to use version 13 or earlier. See the corresponding README for more usage instructions.

Installation

npm add --dev @vue/eslint-config-standard

Usage

An example eslint.config.js:

import pluginVue from "eslint-plugin-vue";
import standard from "@vue/eslint-config-standard";

export default [
  ...pluginVue.configs["flat/essential"],
  ...standard,
]

Aliases

By default, none of the built-in rules require you to configure aliases in ESLint.

But if you want to enable some additional rules that need to actually resolve the imported module on the filesystem (e.g. import-x/no-unresolved) by yourself and need path aliases to be resolved, please make sure configure them in your jsconfig.json or tsconfig.json file. We use eslint-import-resolver-next as the default resolver, which will automatically detect path aliases in these files.