#zed (3)

問題

Zedで .vue ファイルを保存すると、CLIの biome format と微妙に異なるフォーマットが適用される。インデントや閉じタグ前の空白など、細かい差分が毎回発生する。

.zed/settings.json で "formatter": "language_server" と指定すると、Vueファイルでは Volar（Vue LSP）が優先的にフォーマッタとして使われる。BiomeのLSPも動いているが、Volarが先に処理してしまう。

プロジェクトの .zed/settings.json でVue.jsのフォーマッタにBiome LSPを 名前指定 する。

{
  "languages": {
    "Vue.js": {
      "formatter": {
        "language_server": {
          "name": "biome"
        }
      }
    }
  }
}

"formatter": "language_server" （名前なし）ではなく、"name": "biome" で明示することがポイント。

external コマンドで pnpm biome format --stdin-file-path を呼ぶ方法でも動くが、LSP経由の方がZedのエコシステムに沿った正攻法。

pnpm install 実行後、Zedエディタ上で以下のTypeScriptエラーが表示される。

JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists. (ts 7026)

エディタを再起動すると解消する。

pnpm install が node_modules を書き換えた際、ZedのTypeScript言語サーバーがモジュール解決キャッシュを正しく更新できず、フレームワーク固有の型定義（JSX.IntrinsicElements）を見失う。

Zed全体の再起動は不要。コマンドパレット（Cmd+Shift+P）から language server: restart を実行してTSサーバーだけ再起動すれば解消する。

Zed設定で option_as_meta: true が必要。これがないとAltキーが特殊文字入力になる。

{
  "terminal": {
    "option_as_meta": true
  }
}