-
-
Notifications
You must be signed in to change notification settings - Fork 175
Description
What version of prettier-plugin-tailwindcss are you using?
v0.6.9
What version of Tailwind CSS are you using?
v4.0.0-beta.9
What version of Node.js are you using?
v23.1.0
What package manager are you using?
pnpm v9.12.3
What operating system are you using?
macOS Version 15.1.1 (24B91)
Reproduction URL
https://github.com/adjsky/tailwind-prettier-monorepo-bug
- Open website/index.html.
- Try to format the file, see
rotate-360is not sorted. - Run
pnpm add -w tailwindcss@4.0.0-beta.9. - Try to format the file, see
rotate-360is sorted. - Remove tailwindcss from the root
package.json. - Apply website
.prettierrc_by removing underscore. - Try to format the file, see
rotate-360is still sorted.
Describe your issue
Plugin does not sort new classes (rotate-360, h-54.5, ...) in a monorepo setup, where tailwindcss is installed in separate packages, but there is only one .prettierrc in the monorepo root.
As i see from the code, the plugin tries to import tailwindcss package from the base dir (where the prettier config is located):
prettier-plugin-tailwindcss/src/config.ts
Line 200 in 9481dd0
| let pkgPath = resolveJsFrom(baseDir, 'tailwindcss') |
but it fails (since there is no tailwindcss package in the root) and falls back to the v3 mode.
This can be fixed by recursively resolving tailwindcss in each package from the input file path to the baseDir, or at least the current behavior could be documented.
I can open PR with the fixes, if you are welcome.