Désactiver les avertissements Biome sur les variables inutilisées dans les fichiers Astro/Vue/Svelte

Dans des fichiers de framework comme Astro, Vue ou Svelte, certaines variables ou imports utilisés dans le template peuvent sembler inutilisés côté JavaScript.

Biome les signale comme variables ou imports inutilisés, alors qu’ils sont réellement utilisés dans le template. C’est donc un faux positif.

Solution

Dans le fichier de configuration Biome, il est possible de désactiver ces avertissements pour certains types de fichiers.

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

Seuls les types de fichiers définis dans includes verront les règles noUnusedImports et noUnusedVariables désactivées.

Personnalisation

Si votre projet n’utilise pas l’un de ces frameworks, vous pouvez simplement le retirer de includes.

Par exemple, si vous utilisez uniquement Astro, "**/*.astro" suffit.

Si vous voulez en ajouter d’autres, il suffit de les placer dans le tableau.

Résumé

Avec la fonction overrides de Biome, il devient simple d’éviter les faux positifs causés par la syntaxe propre aux frameworks.

En ajustant les règles selon chaque framework, on obtient un environnement de lint bien plus pratique.