@typescript-eslint/no-unsafe-call with svelte-i18n and @typescript-eslint/recommended-requiring-type-checking

[binarious]

Before You File a Bug Report Please Confirm You Have Done The Following...

• I have tried restarting my IDE and the issue persists.
• I have updated to the latest version of the packages.

What version of ESLint are you using?

8.20.0

What version of eslint-plugin-svelte are you using?

2.2.0

What did you do?

Configuration

module.exports = {
  parser: '@typescript-eslint/parser',
  extends: [
    'plugin:svelte/recommended',
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended-requiring-type-checking'
  ],
  parserOptions: {
    project: ['./tsconfig.json'],
    extraFileExtensions: ['.svelte']
  },
  overrides: [
    {
      files: ['*.svelte'],
      parser: 'svelte-eslint-parser',
      parserOptions: {
        parser: "@typescript-eslint/parser",
      },
    },
  ],
  ignorePatterns: ['node_modules', 'dist']
}

<script lang="ts">
  import { _ } from 'svelte-i18n';
</script>

<main>
  <input name={$_('test')}>
</main>

What did you expect to happen?

No lint issues to occur.

What actually happened?

Unsafe call of an any typed value. @typescript-eslint/no-unsafe-call

for $_('test'). This doesn't happen with https://github.com/sveltejs/eslint-plugin-svelte3.

Link to Minimal Reproducible Example

https://github.com/binarious/eslint-plugin-svelte-repro

Additional comments

No response

[ota-meshi]

Thank you for posting this issue.

It seems that typescript will judge if it is an any type because it cannot get the type of $_ correctly. I'll try to find a way around it, but in the meantime I recommend using settings.svelte.ignoreWarnings or turning off the rule for *.svelte files.

https://github.com/ota-meshi/eslint-plugin-svelte#settingssvelte
https://eslint.org/docs/latest/user-guide/configuring/configuration-files#how-do-overrides-work

[binarious]

I'll try to find a way around it

Thank you!

in the meantime I recommend using settings.svelte.ignoreWarnings or turning off the rule

Actually this results in multiple rules being violated depending on the use-case.

I just realized, that the issue is with all usages of svelte's $ - e. g. getting values from a store via $myStore.property results in any.

[binarious]

Thanks for the work @ota-meshi! Confirmed fixed in my reproducer. I still can't get this to work in a real world project. Does this rely on special tsconfig settings?
Edit: nvm, this feature only seems to be support for TypeScript contexts.

[ota-meshi]

The eslint-plugin-svelte dependency may refer to an old parser.

Can you try using the new version just released?
https://github.com/ota-meshi/eslint-plugin-svelte/releases/tag/v2.3.0

[binarious]

I've forced it with pnpm.override. Everything is working fine. Thank you!