Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Multiple tailwind configs are not handled properly #335

Open
artaommahe opened this issue Dec 10, 2024 · 0 comments
Open

Multiple tailwind configs are not handled properly #335

artaommahe opened this issue Dec 10, 2024 · 0 comments

Comments

@artaommahe
Copy link

What version of prettier-plugin-tailwindcss are you using?

v0.6.9

What version of Tailwind CSS are you using?

v3.4.16

What version of Node.js are you using?

v20.18.1

What package manager are you using?

npm

What operating system are you using?

macOS 15.1.1 (24B91)

Reproduction URL

https://github.com/artaommahe/tailwind-intellisense-multiple-configs

  • clone
  • npm install
  • npm run dev
  • see that everything looks like expected
    image
  • open Button component in vscode
  • see that p-2 and border-secondary classes are not on their expected place like they are some unknown classes
    image

Describe your issue

In our project we're on a way of slow migration from the old messy design system (set in the main tailwind config) to the new shinny one (set in another config). While tailwind itself recognizes both configs and there corresponding content files properly and all the colors and other values are correct in the browser, the prettier-plugin-tailwindcss lib struggles here and doesn't recognize classes from the second config within expected folders (new-design/* and ui-kit/*) which is why the sorting result is wrong.

Similar issue with tailwindcss-intellisense vscode extension tailwindlabs/tailwindcss-intellisense#1108

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant