I'm encountering a problem with my ESLint configuration when using Svelte and TypeScript. Despite following various guides, I keep getting no-unused-vars warnings for reactive statements. Here's my .eslintrc.cjs configuration:
module.exports = { env: { browser: true, node: true, es6: true, }, overrides: [ { files: ['*.svelte'], parser: 'svelte-eslint-parser', parserOptions: { parser: '@typescript-eslint/parser', }, }, ], extends: ['plugin:svelte/recommended','plugin:boundaries/recommended','eslint:recommended','plugin:@typescript-eslint/eslint-recommended','plugin:@typescript-eslint/recommended','plugin:storybook/recommended', ], globals: { Atomics: 'readonly', SharedArrayBuffer: 'readonly', }, parser: '@typescript-eslint/parser', parserOptions: { requireConfigFile: false, ecmaVersion: 2021, sourceType: 'module', extraFileExtensions: ['.svelte'], }, plugins: ['boundaries', '@typescript-eslint'], rules: {'no-inner-declarations': 'off','svelte/no-at-html-tags': 'off','no-self-assign': 'off','svelte/no-unused-svelte-ignore': 'off','react/react-in-jsx-scope': 'off','@typescript-eslint/no-var-requires': 'off','react/jsx-key': 'off','svelte/no-unknown-property': 'off','@typescript-eslint/no-unused-vars': ['warn', { args: 'after-used', argsIgnorePattern: '^_', ignoreRestSiblings: true, varsIgnorePattern: '^_.*$', }, ], }, ignorePatterns: ['!**/mock*.js', 'dist', 'node_modules', 'mocks', '!.lintstagedrc.json'], settings: {'svelte/ignore-styles': () => true,'svelte/typescript': require('typescript'),'boundaries/elements': [ { type: 'templates', pattern: 'example/**', mode: 'file', capture: ['category', 'elementName'], }, ], },};Despite this, I'm getting the following warning:
import { store } from '@js/stores/globalStores';$store = 'abc'; // Warning: 'store' is defined but never used. Allowed unused vars must match /^_.*$/u (@typescript-eslint/no-unused-vars)Development Environment:
Svelte version: "4.2.17"TypeScript version: "5.4.5"ESLint version: "8.57.0"typescript-eslint version: "7.1.0",