eslint-config-team23-vue

A comprehensive ESLint configuration used by TEAM23 for maintaining consistent and strict Vue coding standards. This package includes a combination of stylistic and rigorous rule sets to ensure high code quality across Vue projects.

Installation

Add the library to your package.json as devDependency

npm i --save-dev @team23/eslint-config-team23-vue

To use the shareable config, import the package inside an eslint.config.js file and add it to the exported array:

// eslint.config.js (ES Module)
import { createVueEslintConfig } from "@team23/eslint-config-team23-vue";

export default [
    ...createVueEslintConfig(),
];

Note: If you want to lint typescript files, it is available as a separate package: @team23/eslint-config-team23-ts. Additional configuration is required there:

createJSEslintConfig({ files: ['**/*.js', '**/*.mjs', '**/*.vue'] }),
createTSEslintConfig({ fileExtensions: ['vue'] }),

Overriding Settings

You can override settings from the shareable config by adding them directly into your eslint.config.js file after importing the shareable config. For example:

// eslint.config.js
import team23Vue from "@team23/eslint-config-team23-vue";

export default [
    ...team23Vue,

    // Any settings added here will override team23Vue
    {
        rules: {
            "@typescript-eslint/prefer-readonly": "off",
        }
    }
];

Additional configuration

• If your project relies on internationalization, you may want to add vue/no-bare-strings-in-template to your config.
• It may be helpful to enable vue/require-prop-comment to document component interfaces.