'use strict';

const { getPkg } = require('settingz');

function getVersion() {
  const { vue = '' } = getPkg('dependencies');

  return vue.replaceAll(/[=>^~]/g, '');
}

const version = getVersion();

module.exports = {
  extends: ['@nice-move/eslint-config-base'],
  overrides: [
    {
      files: '*.vue',
      extends: [
        version[0] === '3'
          ? 'plugin:vue/vue3-recommended'
          : 'plugin:vue/recommended',
        'prettier',
      ],
      parserOptions: {
        ecmaVersion: 'latest',
      },
      globals: {
        defineModel: 'readonly',
      },
      rules: {
        'import/no-default-export': 0,
        'vue/attributes-order': 0,
        'vue/component-name-in-template-casing': ['warn', 'PascalCase'],
        'vue/component-tags-order': 0,
        'vue/multi-word-component-names': 0,
        'vue/no-duplicate-attr-inheritance': 'warn',
        'vue/no-empty-component-block': 'error',
        'vue/no-template-target-blank': ['error', { allowReferrer: true }],
        'vue/order-in-components': 0,
        'vue/require-name-property': 'warn',
        'vue/v-on-function-call': 'warn',
        'vue/no-useless-mustaches': [
          'warn',
          {
            ignoreIncludesComment: true,
            ignoreStringEscape: true,
          },
        ],
        'vue/no-reserved-component-names': [
          'error',
          {
            disallowVueBuiltInComponents: true,
            disallowVue3BuiltInComponents: true,
          },
        ],
        ...(version
          ? { 'vue/no-unsupported-features': ['error', { version }] }
          : undefined),
      },
    },
  ],
};