Unable to make prettier-plugin-tailwindcss to work

[Jonasba1999]

Hi!

I am completely stuck with prettier-plugin-tailwindcss as I am unable to make it sort my tailwind classes in PHP and CSS files... I have tried adding .prettierrc.js file where I would specify this prettier plugin, but that didn't work either.

Is there something that I am missing?

[Jonasba1999]

Okay, so I made it work inside CSS and HTML files by adding this prettier plugin inside my package.json file:

"prettier": {
"...(extends)": "@wordpress/prettier-config",
"plugins": [
"prettier-plugin-tailwindcss"
]
}

But it still isn't doing anything inside PHP files :(

[gregsullivan]

Hi Jonas—Thanks for this!

There are a few different points here:

• The Tailwind Prettier plugin has never worked with PHP files, to my knowledge.
• It used to work with CSS and HTML files with the configuration in _tw, but I also found that it no longer does.
• _tw used to support class sorting in PHP files via this ESLint plugin, but that plugin doesn't support Tailwind 4 yet. Once it does, I'll add support back.

I tried your solution above. Did you need to install something to support ...(extends)? It doesn't work for me as written.

I think I'll likely fix this with a prettier.config.mjs file. I used this:

import wordpressPrettierConfig from '@wordpress/prettier-config';

export default {
	...wordpressPrettierConfig,
	plugins: ['prettier-plugin-tailwindcss'],
};

I also removed the prettier key from package.json, and the Tailwind Prettier plugin began to work as expected.

[gregsullivan]

I've made this change here:

9d27af6

I've also deployed it to the generator. Thanks again!

[SpyrosMakaronas-KSO]

Hey, sorry for reviving this thread but did prettier-plugin-tailwindcss work at the end ? The current implementation doesn't seem to work.

[gregsullivan]

To my knowledge, the Tailwind Prettier plugin continues not to work within PHP template files (in any context, not just for _tw). The change above fixed an issue with it not working in CSS files. I just retested it to confirm, and it continues to work in CSS files for things like sorting classnames within @apply.

For classname sorting (and related functionality) within PHP files, eslint-plugin-tailwindcss is configured and working. It's possible the implementation may need to change in the future since we're using a beta version for Tailwind 4 support, but I have yet to run into any issues.