eslint.config.js

import js from '@eslint/js'
import vue from 'eslint-plugin-vue'
import vueParser from 'vue-eslint-parser'
import prettierConfig from 'eslint-config-prettier'

export default [
    // Base ESLint recommended rules
    js.configs.recommended,

    // Vue plugin configuration
    {
        files: ['**/*.vue'],
        languageOptions: {
            parser: vueParser,
            parserOptions: {
                ecmaVersion: 'latest',
                sourceType: 'module'
            }
        },
        plugins: {
            vue
        },
        rules: {
            // Combine base and recommended Vue rules
            ...vue.configs.base.rules,
            ...vue.configs['vue3-recommended'].rules,

            // Disable specific Vue rules
            'vue/no-v-html': 'off',
            'vue/comment-directive': 'off' // Previously disabled

            // You can add other Vue-specific rules here
        }
    },

    // General JavaScript rules (for .js and .vue files)
    {
        files: ['**/*.{js,vue}'],
        rules: {
            // Disable general ESLint rules
            // 'no-undef': 'off'
        }
    },

    // Prettier configuration to disable conflicting rules
    {
        rules: {
            ...prettierConfig.rules
        }
    },

    // Custom rules (if any)
    {
        languageOptions: {
            globals: {
                document: 'readonly',
                window: 'readonly',
                FileReader: 'readonly',
                FormData: 'readonly',
                URLSearchParams: 'readonly',
                localStorage: 'readonly',
                fetch: 'readonly',
                alert: 'readonly',
                console: 'readonly',
                route: 'readonly'
            }
        },
        rules: {
            // Add your custom rules here
        }
    },

    // Ignore patterns
    {
        ignores: ['node_modules/*', 'vendor/*']
    }
]