Biome-Warnungen für ungenutzte Variablen in Astro/Vue/Svelte-Dateien deaktivieren

In Framework-Dateien wie Astro, Vue oder Svelte können Variablen oder Importe, die im Template verwendet werden, im JavaScript-Teil ungenutzt aussehen.

Biome warnt dann vor ungenutzten Variablen oder Importen, obwohl sie im Template tatsächlich verwendet werden. Das ist also ein False Positive.

Lösung

In der Biome-Konfigurationsdatei lassen sich Warnungen für bestimmte Dateitypen deaktivieren.

{
  "overrides": [
    {
      "includes": ["**/*.astro", "**/*.vue", "**/*.svelte"],
      "linter": {
        "rules": {
          "correctness": {
            "noUnusedImports": "off",
            "noUnusedVariables": "off"
          }
        }
      }
    }
  ]
}

Nur für die in includes angegebenen Dateitypen werden noUnusedImports und noUnusedVariables deaktiviert.

Anpassung

Wenn eines dieser Frameworks im Projekt nicht verwendet wird, kann es einfach aus includes entfernt werden.

Wenn nur Astro genutzt wird, reicht zum Beispiel "**/*.astro" allein.

Wenn weitere Frameworks unterstützt werden sollen, fügt man sie einfach dem Array hinzu.

Zusammenfassung

Mit der overrides-Funktion von Biome lassen sich False Positives durch frameworkspezifische Syntax leicht vermeiden.

Durch passende Regeln pro Framework wird die Lint-Konfiguration deutlich praxisnäher.