tailwindlabs/prettier-plugin-tailwindcss

Plugin not working

AndreiBadescu opened this issue ยท 18 comments

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

"prettier": "^3.0.0",

What version of Tailwind CSS are you using?

"tailwindcss": "^3.3.3"

What version of Node.js are you using?

Node.js v18.17.0

What package manager are you using?

npm

What operating system are you using?

macOS

Reproduction URL

No need. Here's a snippet of my prettier.config.cjs:
`/** @type {import("prettier").Options} */
const config = {
trailingComma: "es5",
tabWidth: 2,
semi: false,
singleQuote: true,
printWidth: 999,
singleAttributePerLine: false,
useTabs: false,
plugins: ["prettier-plugin-tailwindcss"],
tailwindConfig: "./tailwind.config.cjs",
};

module.exports = config;
tailwind.config.cjs/** @type {import('tailwindcss').Config} /
module.exports = {
content: ["./src/**/
.{html,js,svelte,ts}"],
theme: {
extend: {},
},
plugins: [],
};
`

Describe your issue

prettier-plugin-tailwindcss simply doesn't work when I save. No class is shifted. I use this plugin in my astro project inside svelte components where I have tailwind.

Ah, been there. Rename your prettier config file to exactly this: .prettierrc.json.

Only the JSON file type works (bug?) for me at least.

Source: #176 (comment)

Copying my reply from #186:

Hi! When we released v3 Svelte, Astro, and all suppored plugins from v2 (as far as I know) had not yet updated. We temporarily disabled support for external plugins because of this โ€” when using v3 only (because there's no way we would be able to shim v2 -> v3 for external plugins).

I'm taking a look at all our previously supported plugins on Monday (today) and will try to get a release out Monday/Tuesday with any that have updated.

Copying my reply from #186:

Hi! When we released v3 Svelte, Astro, and all suppored plugins from v2 (as far as I know) had not yet updated. We temporarily disabled support for external plugins because of this โ€” when using v3 only (because there's no way we would be able to shim v2 -> v3 for external plugins).

I'm taking a look at all our previously supported plugins on Monday (today) and will try to get a release out Monday/Tuesday with any that have updated.

I was able to get it working following the link. I was running into the same issue on vite project and adding the lines into my .prettierrc.json file did the trick.

Just in case it's helpful to anyone: here's what I put in my .prettierrc.json to get it working:

{
  "plugins": ["prettier-plugin-tailwindcss"]
}

Hey all gonna close this in favor of #186 since it's the same issue.

Just in case it's helpful to anyone: here's what I put in my .prettierrc.json to get it working:

{
  "plugins": ["prettier-plugin-tailwindcss"]
}

Thanks. Then you can delete prettier.config.js