Tailwind stylesheet location

[homerjam]

Hello,

It seems that this isn't quite correct/explicit enough. I've found that in a mono repo the setting is relative to the root .prettierrc file (not the one with the setting) - but maybe this is me misunderstanding :)

Thanks
James

[thecrypticace]

It is relative to the config file it's defined in (or supposed to be). If you have a project where this is somehow not the case can you please provide a reproduction?

I suspect that the .prettierrc file you're expecting to apply to your file isn't.

For an idea of how it's supposed to work, take the following structure:

my-project
├── .gitignore
├── .prettierrc
├── assets
│   └── app.css
├── package-lock.json
├── package.json
└── packages
    ├── a
    │   ├── .prettierrc
    │   ├── assets
    │   │   └── app.css
    │   ├── index.html
    │   └── package.json
    ├── b
    │   ├── .prettierrc
    │   ├── assets
    │   │   └── app.css
    │   ├── index.html
    │   └── package.json
    └── c
        ├── index.html
        └── package.json

And each .prettierrc file has exactly this content:

{
  "plugins": [
    "prettier-plugin-tailwindcss"
  ],
  "tailwindStylesheet": "./assets/app.css"
}

In this monorepo these HTML files map to these configs (closest at same level or above in the directory tree):

• ./packages/a/index.html -> ./packages/a/.prettierrc
• ./packages/b/index.html -> ./packages/b/.prettierrc
• ./packages/c/index.html -> ./.prettierrc

And, because the stylesheet paths are relative to the config they're defined in, the files map to these stylesheets:

• ./packages/a/index.html -> ./packages/a/assets/app.css
• ./packages/b/index.html -> ./packages/b/assets/app.css
• ./packages/c/index.html -> ./assets/app.css

[homerjam]

Thanks for your reply. The example structure you've given is the same structure I have but the root .prettierrc doesn't have the prettier-plugin-tailwindcss plugin — should it?

FWIW I'm using pnpm (workspaces)

[thecrypticace]

@homerjam cam you provide a reproduction?

[homerjam]

This fixed itself after a full reinstall/reload. Thanks for your help, apologies for the time wasting!

[homerjam]

Hmm this has come back again on a brand new project, repro here https://github.com/homerjam/prettier-tailwind-demo