.eslintrc.cjs

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

const { NODE_ENV = 'development' } = process.env || {}

const productionRule = NODE_ENV === 'production' ? 'error' : 'warn'

module.exports = {
  root: true,
  extends: [
    'plugin:vue/vue3-recommended',
    'eslint:recommended',
    '@vue/eslint-config-typescript',
    '@vue/eslint-config-prettier'
  ],
  parserOptions: {
    ecmaVersion: 'latest'
  },
  rules: {
    'brace-style': [productionRule, '1tbs'],
    'comma-dangle': [productionRule, 'never'],
    curly: 'error',
    'no-console': productionRule,
    'no-debugger': productionRule,
    quotes: [productionRule, 'single', { allowTemplateLiterals: true }],

    // Typescript
    '@typescript-eslint/no-unused-vars': [
      productionRule,
      { args: 'all', argsIgnorePattern: '^_', varsIgnorePattern: '^_' }
    ],

    // Vue specific ruleset
    'vue/no-unused-vars': [productionRule, { ignorePattern: '^_' }],
    'vue/order-in-components': 'error',
    'vue/require-default-prop': 'error',
    'vue/require-prop-type-constructor': 'error',
    'vue/component-api-style': ['error', ['options']],
    'vue/component-name-in-template-casing': ['error', 'kebab-case', { registeredComponentsOnly: false }],
    'vue/multi-word-component-names': ['error', { ignores: ['Chip', 'Card', 'Icon'] }],
    'vue/no-unused-components': productionRule,
    'vue/no-unused-properties': [productionRule, { groups: ['props', 'computed', 'data'] }],
    'vue/require-name-property': 'error',
    'vue/match-component-file-name': [
      'error',
      {
        extensions: ['vue']
      }
    ],
    'vue/no-empty-component-block': productionRule,
    'vue/no-empty-pattern': productionRule,
    'vue/v-for-delimiter-style': ['error', 'in']
  },
  overrides: [
    {
      files: ['*.{js,jsx|mjs|cjs}'],
      rules: {
        'no-unused-vars': [productionRule, { args: 'all', argsIgnorePattern: '^_', varsIgnorePattern: '^_' }]
      }
    },
    {
      files: ['cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}'],
      extends: ['plugin:cypress/recommended']
    },
    {
      files: ['*.{ts,vue}'],
      rules: {
        'no-undef': 'off'
      }
    }
  ]
}