.eslintrc.js

module.exports = {
  root: true,
  extends: ["eslint-config-common", "plugin:astro/recommended"],
  plugins: ["import"],
  globals: {
    Astro: "readonly",
  },
  settings: {
    "import/parsers": {
      "@typescript-eslint/parser": [".ts", ".tsx", ".jsx", ".js"],
    },
    "import/resolver": {
      typescript: {
        alwaysTryTypes: true,
        project: "./tsconfig.json",
      },
    },
  },
  rules: {
    "no-restricted-syntax": [
      "error",
      {
        selector:
          "ImportDeclaration[source.value=/^i18next$/] ImportSpecifier[imported.name=/^t$/]",
        message:
          "Do not import t from `i18next` directly. Import it from `@/utils/translations` instead",
      },
    ],
  },
  overrides: [
    {
      // Define the configuration for `.astro` file.
      files: ["*.astro"],
      plugins: ["astro"],
      env: {
        // Enables global variables available in Astro components.
        node: true,
        "astro/astro": true,
        es2020: true,
      },
      // Allows Astro components to be parsed.
      parser: "astro-eslint-parser",
      // Parse the script in `.astro` as TypeScript by adding the following configuration.
      parserOptions: {
        parser: "@typescript-eslint/parser",
        extraFileExtensions: [".astro"],
        // The script of Astro components uses ESM.
        sourceType: "module",
      },
      rules: {
        "solid/self-closing-comp": [
          "error",
          {
            component: "all",
            html: "none",
          },
        ],
      },
    },
  ],
};