.eslintrc.json

{
  "root": true,
  "extends": ["eslint:recommended", "plugin:svelte/recommended", "plugin:svelte/prettier"],
  "plugins": ["@typescript-eslint", "unicorn"],
  "parser": "@typescript-eslint/parser",
  "ignorePatterns": [
    "node_modules/",
    "dist/",
    ".yarn/",
    "*.js",
    "prettier.config.js",
    "prettier.config.ts"
  ],
  "env": {
    "es2022": true,
    "browser": true
  },
  "parserOptions": {
    "project": "tsconfig.json",
    "extraFileExtensions": [".svelte"] // This is a required setting in `@typescript-eslint/parser` v4.24.0.
  },
  "rules": {
    "no-unused-vars": "off",
    "@typescript-eslint/no-unused-vars": "error"
  },
  "overrides": [
    {
      "files": ["*.svelte"],
      "parser": "svelte-eslint-parser",
      // Parse the `<script>` in `.svelte` as TypeScript by adding the following configuration.
      "parserOptions": {
        "project": "tsconfig.json",
        "parser": "@typescript-eslint/parser"
      },
      "rules": {
        "svelte/shorthand-attribute": ["error", { "prefer": "never" }],
        "svelte/shorthand-directive": ["error", { "prefer": "never" }]
      }
    }
  ]
}