SvelteでBiomeを使うための推奨設定

Biomeはとても良いのですが、Svelte / Vue / Astro 言語についてはまだサポート途中です。

なお、この記事は下記の公式ページをもとに書いています。
https://biomejs.dev/ja/internals/language-support/

フォーマットにおける注意点

Svelteをフォーマットするときには以下の点に注意しておく必要があります。

• .vue および .svelte ファイルでは、<script>タグ部分のみがサポートされています。
• .vue および .svelte ファイルをフォーマットする際、JavaScript/TypeScriptコードのインデントは最初から始まります。下記画像参照。

公式の推奨設定

以下そのまま引用しますが、このように設定をおこなわないと、script内でSvelteを普通に正しく書いていてもエラーが表示されてしまいます。

.svelte 、.astro 、 .vue ファイルを静的解析する際、コンパイラエラーを防ぐためにいくつかのルールをオフにすることをお勧めします。オプション overrides を使用します：

  {
    "overrides": [
      {
        "include": ["*.svelte", "*.astro", "*.vue"],
        "linter": {
          "rules": {
            "style": {
              "useConst": "off",
              "useImportType": "off"
            }
          }
        }
      }
    ]
  }