import pluginVue from 'eslint-plugin-vue';
import globals from 'globals';
import eslintConfigPrettier from 'eslint-config-prettier';
import prettierPlugin from 'eslint-plugin-prettier';
import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';

export default [
    ...pluginVue.configs['flat/recommended'],
    {
        plugins: {
            prettier: prettierPlugin,
        },
        rules: {
            ...prettierPlugin.configs.recommended.rules,
            ...eslintConfigPrettier.rules,
            ...eslintPluginPrettierRecommended.rules,
            'no-console': 'warn',
            'vue/no-v-html': 'off',
            'vue/multi-word-component-names': 'off',
            'nuxt/no-cjs-in-config': 'off',
            'vue/html-button-has-type': 'error',
            'object-shorthand': ['error', 'always'],
            'no-unused-vars': 'warn',
            'vue/no-unused-components': 'warn',
            'vue/padding-line-between-blocks': ['error', 'always'],
            'vue/no-multiple-template-root': 'off',
            'vue/prop-name-casing': 'off',
            'no-irregular-whitespace': 'off',
            'vue/one-component-per-file': 'off',
            'vue/define-macros-order': [
                'error',
                {
                    order: ['defineOptions', 'defineModel', 'defineProps', 'defineEmits', 'defineSlots'],
                    defineExposeLast: true,
                },
            ],
        },
        languageOptions: {
            sourceType: 'module',
            globals: {
                ...globals.browser,
                ...globals.node,
                axios: true,
                route: true,
                globalThis: true,
                CookieConsent: true,
            },
        },
    },
];