Astro + Tailwindcss + Prettier で class のソートが効かないときの対処法

解決策

Prettier で prettier-plugin-astro と prettier-plugin-tailwindcss を使って、 Astro コンポーネント内の Tailwindcss クラスを並び替えたいが、正常に並べ替えられないことがある

prettier-plugin-tailwindcss のドキュメント内において、他の Prettier プラグインより後にロードする必要があると書いてあった

ドキュメント内の指示に従って、最後にロードしたところ、正常に並び替えられるようになった

// .prettierrc
{
  // ...
  "plugins": [
    // ...
    "prettier-plugin-astro",
    "prettier-plugin-tailwindcss" // 最後にロードする
  ]
}

詳細は以下のページを参照

prettier-plugin-tailwindcss