import {
  defineConfigWithVueTs,
  vueTsConfigs,
} from '@vue/eslint-config-typescript';
import pluginVue from 'eslint-plugin-vue';
import { globalIgnores } from 'eslint/config';
import globals from 'globals';
import eslintConfigPrettier from 'eslint-config-prettier';


// To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
// import { configureVueProject } from '@vue/eslint-config-typescript'
// configureVueProject({ scriptLangs: ['ts', 'tsx'] })
// More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup

export default defineConfigWithVueTs(
  {
    name: 'app/files-to-lint',
    files: ['**/*.{ts,mts,tsx,vue}'],
    rules: {
      '@typescript-eslint/ban-ts-comment': 'off', // 彻底关闭 ts-comment 警告
    }
  },
  globalIgnores([
    // 构建输出
    '**/dist/**', 
    '**/dist-ssr/**', 
    '**/coverage/**',
    
    // 依赖
    '**/node_modules/**',
    
    // Git相关
    '**/.git/**',
    
    // 缓存目录
    '**/.cache/**',
    '**/.temp/**',
    '**/.eslintcache',
    
    // 编辑器目录和文件
    '**/.vscode/**',
    '**/.idea/**',
    '**/*.suo',
    '**/*.ntvs*',
    '**/*.njsproj',
    '**/*.sln',
    '**/*.sw?',
    
    // 配置文件
    '**/*.config.js',
    '**/*.config.ts',
    '**/*.config.mjs',
    '**/*.config.cjs',
    '**/rspack.*.js',
    '**/rspack.*.ts',
    '**/vite.*.js',
    '**/vite.*.ts',
    
    // 环境文件
    '**/.env*',
    '!**/.env.example',
    
    // 包管理器文件
    '**/pnpm-lock.yaml',
    '**/package-lock.json',
    '**/yarn.lock',
    
    // 历史文件
    '**/.history/**',
    
    // 日志文件
    '**/*.log',
    '**/npm-debug.log*',
    '**/yarn-debug.log*',
    '**/yarn-error.log*',
    '**/pnpm-debug.log*',
    
    // 系统文件
    '**/.DS_Store',
    '**/Thumbs.db'
  ]),
  { 
    languageOptions: { 
      globals: {
        ...globals.browser,
        ...globals.node,
        // 添加全局变量
        defineOptions: 'readonly', // 允许使用 defineOptions
      },
      parserOptions: {
        ecmaFeatures: {
          jsx: true
        }
      }
    },
    linterOptions: {
      reportUnusedDisableDirectives: false
    }
  },
  // Vue规则配置
  pluginVue.configs['flat/essential'],
  pluginVue.configs['flat/strongly-recommended'],
  eslintConfigPrettier,
  {
    rules: {
      // 禁用烦人的 ts-comment 警告
      '@typescript-eslint/ban-ts-comment': 'off',
      
      // Vue特定规则
      'vue/multi-word-component-names': 'off', // 关闭组件名必须是多词的规则
      'vue/no-unused-vars': 'off', // 关闭未使用变量的警告
      'vue/html-self-closing': ['warn', {
        html: {
          void: 'always',
          normal: 'always',
          component: 'always'
        }
      }],
      'vue/max-attributes-per-line': 'off', // 关闭每行最大属性数量限制
      // 通用规则
      'no-console': 'off', // 关闭控制台语句的警告
      'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
      '@typescript-eslint/no-require-imports': 'off', // 允许 require 导入
    }
  },
  // TypeScript规则配置
  vueTsConfigs.recommended,
  {
    rules: {
      '@typescript-eslint/ban-ts-comment': 'off', // 彻底关闭 ts-comment 警告
      '@typescript-eslint/explicit-function-return-type': 'off',
      '@typescript-eslint/explicit-module-boundary-types': 'off',
      '@typescript-eslint/no-explicit-any': 'off', // 关闭 any 类型的警告
      '@typescript-eslint/no-unused-vars': 'off', // 关闭未使用变量的警告
    }
  },
);
