.eslintrc.js

/* eslint-env node */
require('@rushstack/eslint-patch/modern-module-resolution')

module.exports = {
  root: true,
  extends: [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/eslint-config-airbnb-with-typescript',
    '@vue/eslint-config-prettier/skip-formatting',
  ],
  rules: {
    'max-classes-per-file': ['error', 2],
    // Use trailing slash to indicate param reassignment.
    'no-param-reassign': [
      'error',
      { props: true, ignorePropertyModificationsForRegex: ['_$'] },
    ],

    // Since this is a static site, nearly all dependencies are dev dependencies.
    'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
    // Named exports are more consistent that default.
    'import/prefer-default-export': 'off',

    '@typescript-eslint/consistent-type-imports': 'error',
  },
  overrides: [
    {
      // JS files should be excluded from type-checking.
      files: ['*.js'],
      parserOptions: {
        project: null,
      },
    },
    {
      files: ['*.vue'],
      rules: {
        // Lots of components have short single-word names. It's fine.
        'vue/multi-word-component-names': 'off',
      },
    },
    {
      files: ['components.d.ts'],
      rules: {
        // Autogenerated file imports '@vue/runtime-core'.
        'import/no-extraneous-dependencies': 'off',
      },
    },
  ],
  settings: {
    'import/core-modules': [
      'vue', // Vue comes with îles.
    ],
  },
}