Should the unused vars rule work for Svelte components?

[alexbjorlig]

We have this configured:

{
    "$schema": "./node_modules/oxlint/configuration_schema.json",
    "plugins": ["unicorn"],
    "categories": {
        "correctness": "off"
    },
    "env": {
        "builtin": true
    },
    "rules": {
        "for-direction": "error",
        "no-async-promise-executor": "error",
        "no-case-declarations": "error",
        "no-class-assign": "error",
        "no-compare-neg-zero": "error",
        "no-cond-assign": "error",
        "no-const-assign": "error",
        "no-constant-binary-expression": "error",
        "no-constant-condition": "error",
        "no-control-regex": "error",
        "no-debugger": "error",
        "no-delete-var": "error",
        "no-dupe-class-members": "error",
        "no-dupe-else-if": "error",
        "no-dupe-keys": "error",
        "no-duplicate-case": "error",
        "no-empty": "error",
        "no-empty-character-class": "error",
        "no-empty-pattern": "error",
        "no-empty-static-block": "error",
        "no-ex-assign": "error",
        "no-extra-boolean-cast": "error",
        "no-fallthrough": "error",
        "no-func-assign": "error",
        "no-global-assign": "error",
        "no-import-assign": "error",
        "no-invalid-regexp": "error",
        "no-irregular-whitespace": "error",
        "no-loss-of-precision": "error",
        "no-new-native-nonconstructor": "error",
        "no-nonoctal-decimal-escape": "error",
        "no-obj-calls": "error",
        "no-prototype-builtins": "error",
        "no-redeclare": "error",
        "no-regex-spaces": "error",
        "no-self-assign": "error",
        "no-setter-return": "error",
        "no-shadow-restricted-names": "error",
        "no-sparse-arrays": "error",
        "no-this-before-super": "error",
        "no-unexpected-multiline": "off",
        "no-unsafe-finally": "error",
        "no-unsafe-negation": "error",
        "no-unsafe-optional-chaining": "error",
        "no-unused-labels": "error",
        "no-unused-private-class-members": "error",
        "no-unused-vars": "error",
        "no-useless-backreference": "error",
        "no-useless-catch": "error",
        "no-useless-escape": "error",
        "no-with": "error",
        "require-yield": "error",
        "use-isnan": "error",
        "valid-typeof": "error",
        "curly": "off",
        "unicorn/empty-brace-spaces": "off",
        "unicorn/no-nested-ternary": "off",
        "unicorn/number-literal-case": "off",
        "unicorn/no-thenable": "off" // Disable this rule: linter doesn't understand the MongoDB context
    },
    "ignorePatterns": [
        "node_modules/**",
        "dist/**",
        ".svelte-kit/**",
        "build/**",
        ".turbo/**",
        "logs/**",
        "playwright-report/**",
        "test-results/**",
        "coverage/**",
        ".vercel/**",
        "public/**",
        "**/*.auto-generated-json-schema.ts",
        "**/*.auto-gen-json-schemas.ts",
        "**/revision.ts",
        "**/*fixture.json",
        "**/*.spec.ts",
        "**/fixtures"
    ],
    "overrides": [
        {
            "files": ["**/*.{js,ts}"],
            "rules": {
                "@typescript-eslint/consistent-type-imports": "error"
            },
            "env": {
                "es2020": true
            },
            "plugins": ["typescript"]
        }
    ]
}

but the unused vars rule does not seem to work for svelte components...

[camc314]

Unfortunately the rule does not work in .svelte files, as we only lint the script part of the svelte file, hence we do not currently understand that greet is used in the template, this would lead to false positives if we linted these files.

<script lang="ts">
	function greet() {
		alert('Welcome to Svelte!');
	}
</script>

<button onclick={greet}>click me</button>

<style>
	button {
		font-size: 2em;
	}
</style>

[alexbjorlig]

Hmm ok, and what would take for OXC to understand the svelte part?