Desativar avisos de variáveis não usadas do Biome em arquivos Astro/Vue/Svelte

Em arquivos de framework como Astro, Vue e Svelte, variáveis ou imports usados no template podem parecer não utilizados do lado do JavaScript.

O Biome sinaliza isso como variável ou import não usado, mas na prática eles estão sendo usados no template, então trata-se de um falso positivo.

Solução

No arquivo de configuração do Biome, é possível desativar esses avisos para tipos específicos de arquivo.

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

Somente para os tipos de arquivo definidos em includes, as regras noUnusedImports e noUnusedVariables ficam desativadas.

Customização

Se o projeto não usa algum desses frameworks, basta removê-lo de includes.

Por exemplo, se você usa apenas Astro, só "**/*.astro" já basta.

Se quiser adicionar outros frameworks, é só incluir no array.

Resumo

Com o recurso overrides do Biome, fica fácil evitar falsos positivos causados por sintaxe específica de framework.

Ajustar as regras de acordo com cada framework deixa o ambiente de lint muito mais prático.