[Prettier Plugin] Prettier goes extremely slow when using prettier-plugin-tailwindcss and @egoist/tailwindcss-icons

[ModyQyW]

Prettier goes extremely slow when using prettier-plugin-tailwindcss and @egoist/tailwindcss-icons.

Reproduction

npx create-vite my-project
# Pick Vue
# Pick Customize with create-vue
# Pick Yes * 5
# Pick No
# Pick Yes * 2

➜  [my-project] node -v
v18.15.0
➜  [my-project] yarn -v                  
1.22.19
➜  [my-project] yarn add tailwindcss @egoist/tailwindcss-icons @iconify/json

Update tailwind.config.cjs.

const { iconsPlugin, getIconCollections } = require("@egoist/tailwindcss-icons")

module.exports = {
  content: ["index.html", "./src/**/*.{js,jsx,ts,tsx,vue}"],
  plugins: [
    iconsPlugin({
      collections: getIconCollections("all"),
    }),
  ],
}

Run Prettier. It is normal for now.

➜  [my-project] prettier ./src -w
src/App.vue 284ms
src/assets/base.css 19ms
src/assets/main.css 8ms
src/components/__tests__/HelloWorld.spec.ts 24ms
src/components/HelloWorld.vue 71ms
src/components/icons/IconCommunity.vue 6ms
src/components/icons/IconDocumentation.vue 5ms
src/components/icons/IconEcosystem.vue 6ms
src/components/icons/IconSupport.vue 4ms
src/components/icons/IconTooling.vue 6ms
src/components/TheWelcome.vue 30ms
src/components/WelcomeItem.vue 21ms
src/main.ts 7ms
src/router/index.ts 14ms
src/stores/counter.ts 11ms
src/views/AboutView.vue 8ms
src/views/HomeView.vue 5ms

Install prettier-plugin-tailwindcss.

yarn install prettier-plugin-tailwindcss

Then run Prettier again. Extremely slow this time.

➜  [my-project] prettier ./src -w
src/App.vue 92774ms
src/assets/base.css 30578ms
src/assets/main.css 30339ms
src/components/__tests__/HelloWorld.spec.ts 34542ms
src/components/HelloWorld.vue 84295ms
src/components/icons/IconCommunity.vue 27584ms
src/components/icons/IconDocumentation.vue 27146ms
src/components/icons/IconEcosystem.vue 27520ms
src/components/icons/IconSupport.vue 27899ms
src/components/icons/IconTooling.vue 27974ms
src/components/TheWelcome.vue 60655ms
src/components/WelcomeItem.vue 58641ms
src/main.ts 27727ms
src/router/index.ts 29075ms
src/stores/counter.ts 27918ms
src/views/AboutView.vue 55643ms
src/views/HomeView.vue 56870ms

Hope someone can help me out. Thanks. 🙏

[ModyQyW]

I think prettier v3 and prettier-plugin-tailwindcss v0.6 should solve this problem. 🤔