module.exports = {
    parser: 'vue-eslint-parser',
    parserOptions: {
        parser: '@typescript-eslint/parser',
        sourceType: 'module',
        ecmaFeatures: {
            jsx: true,
            tsx: true
        }
    },
    env: {
        browser: true,
        node: true
    },
    plugins: [
        '@typescript-eslint'
    ],
    extends: [
        'plugin:@typescript-eslint/recommended',
        'plugin:vue/vue3-recommended'
    ],
    rules: {
        'vue/max-attributes-per-line': ['error', {
            singleline: {
                max: 5
            },      
            multiline: {
                max: 1
            }
        }],
        'vue/singleline-html-element-content-newline': 'off',
        'vue/multiline-html-element-content-newline':'off',
        'vue/html-indent': ['error', 4],
        indent: ['error', 4], // 4行缩进
        'vue/script-indent': ['error', 4],
        quotes: ['error', 'single'], // 单引号
        'vue/html-quotes': ['error', 'single'],
        semi: ['error', 'never'], // 禁止使用分号
        'space-infix-ops': ['error', { int32Hint: false }], // 要求操作符周围有空格
        'no-multi-spaces': 'error', // 禁止多个空格
        'no-whitespace-before-property': 'error', // 禁止在属性前使用空格
        'space-before-blocks': 'error', // 在块之前强制保持一致的间距
        'space-before-function-paren': ['error', 'never'], // 在“ function”定义打开括号之前强制不加空格
        'space-in-parens': ['error', 'never'], // 强制括号左右的不加空格
        'space-infix-ops': 'error', // 运算符之间留有间距
        'spaced-comment': ['error', 'always'], // 注释间隔
        'template-tag-spacing': ['error', 'always'], // 在模板标签及其文字之间需要空格
        'no-var': 'error',
        'prefer-destructuring': ['error', { // 优先使用数组和对象解构
            array: true,
            object: true
        }, {
            enforceForRenamedProperties: false
        }],
        // 组件名称为多个单词，忽略的组件名称
        'vue/multi-word-component-names': ['off'],
        'comma-dangle': ['error', 'never'], // 最后一个属性不允许有逗号
        'arrow-spacing': 'error', // 箭头函数空格
        'prefer-template': 'error',
        'template-curly-spacing': 'error',
        'quote-props': ['error', 'as-needed'], // 对象字面量属性名称使用引号
        'object-curly-spacing': ['error', 'always'], // 强制在花括号中使用一致的空格
        'no-unneeded-ternary': 'error', // 禁止可以表达为更简单结构的三元操作符
        'no-restricted-syntax': ['error', 'WithStatement', 'BinaryExpression[operator="in"]'], // 禁止with/in语句
        'no-lonely-if': 'error', // 禁止 if 语句作为唯一语句出现在 else 语句块中
        'newline-per-chained-call': ['error', { ignoreChainWithDepth: 2 }], // 要求方法链中每个调用都有一个换行符
        // 路径别名设置
        'no-submodule-imports': ['off', '/@'],
        'no-implicit-dependencies': ['off', ['/@']],
        '@typescript-eslint/no-explicit-any': 'off' // 类型可以使用any  
    }
}