import vue from "eslint-plugin-vue";
import typescriptEslint from "@typescript-eslint/eslint-plugin";
import globals from "globals";
import parser from "vue-eslint-parser";
import path from "node:path";
import { fileURLToPath } from "node:url";
import js from "@eslint/js";
import { FlatCompat } from "@eslint/eslintrc";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);
const compat = new FlatCompat({
    baseDirectory: __dirname,
    recommendedConfig: js.configs.recommended,
    allConfig: js.configs.all
});

export default [{
    ignores: ["**/.nuxt", "coverage/*", "vendor/*", "dist/*", "models/models.ts"],
}, ...compat.extends(
    "@nuxtjs/eslint-config-typescript",
    "plugin:nuxt/recommended",
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:vue/vue3-recommended",
    "plugin:prettier/recommended",
    "plugin:you-dont-need-lodash-underscore/compatible",
), {
    plugins: {
        vue,
        "@typescript-eslint": typescriptEslint,
    },

    languageOptions: {
        globals: {
            ...globals.browser,
            ...globals.node,
            useRuntimeConfig: "readonly",
            useAsyncData: "readonly",
            navigateTo: "readonly",
            computed: "readonly",
            ref: "readonly",
            definePageMeta: "readonly",
            useRouter: "readonly",
            useRoute: "readonly",
            useI18n: "readonly",
            onMounted: "readonly",
            onUnmounted: "readonly",
            watch: "readonly",
            useRepo: "readonly",
        },

        parser: parser,
        ecmaVersion: 2020,
        sourceType: "module",

        parserOptions: {
            parser: "@typescript-eslint/parser",
            tsconfigRootDir: "/home/workspace",
        },
    },

    rules: {
        "no-console": 0,

        "vue/valid-v-slot": ["error", {
            allowModifiers: true,
        }],

        "vue/multi-word-component-names": 0,
        "@typescript-eslint/no-inferrable-types": 0,
    },
}];