@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.

@vue/eslint-config-standard

9.0.0

Major Changes

• #33 07f63fd

  • Added support for ESLint ^9.10, Node.js ^18.18.0 || ^20.9.0 || >=21.1.0. Dropped support for older versions.
  • Switched to ESLint Flat Config, dropping legacy .eslintrc* format.
  • Applied stylistic rules to expressions in <template> blocks.
  • Removed createAliasSetting helper; path aliases are now auto-detected in jsconfig.json and tsconfig.json.
  • Removed Vue CLI project setup examples.

  Internal Changes:

  • Dropped eslint-config-standard dependency; now maintaining rules internally.
  • Replaced eslint-plugin-import with eslint-plugin-import-x.
  • Using stylistic rules from @stylistic/eslint-plugin.
  • Updated other dependencies.

8.0.1

Patch Changes

• Remove the "import/extensions" rule, fixes #23

8.0.0

Major Changes

• aec0749: #### A Standalone @vue/eslint-config-standard-with-typescript

  When using the Standard Style in a TypeScript project, you no longer need to install both @vue/eslint-config-standard and @vue/eslint-config-typescript. You can just use the @vue/eslint-config-standard-with-typescript package. It also provides stricter rules for TypeScript.

  Better integration with @rushstack/eslint-patch

  All the eslint plugins used here are listed as dependencies, rather than peerDependencies. So when using these configs with @rushstack/eslint-patch, you no longer have to install the plugins separately.