【TailwindCSS】PrettierでclassName以外に記述したクラスを並び替える

prettier-plugin-tailwindcssをインストール

以下のコマンドを実行してprettierとprettier-plugin-tailwindcssをインストールします。

npm install -D prettier prettier-plugin-tailwindcss

prettier.config.jsを記述する

prettier.config.jsに以下を追記します。

prettier.config.js

module.exports = {
  tailwindAttributes: ['myClasses'],
}

myClassesに記述したクラスも並び替えられるようになります。