simonhaenisch/prettier-plugin-organize-imports

Plugin does not do anything

akomm opened this issue · 2 comments

akomm commented

I have the following packages installed:

{
    "prettier": "2.7.1",
    "prettier-plugin-organize-imports": "3.2.0",
    "prettier-plugin-tailwindcss": "0.1.13",
}

Prettier works. Tailwindcss plugin works. Organize import does nothing when I run prettier. Even when I configure it explicitly in prettier config. Typescript 4.9.3 installed.

Pretty sure those two plugins are incompatible cause they both overwrite built-in parsers (i.e. the last plugin wins). There's a pinned issue about this in the prettier-plugin-tailwindcss repo iirc.

For others running into this, the Tailwind folks released an update that is compatible with this plugin. It just requires a little bit of configuration to ensure prettier-plugin-tailwindcss is the final prettier plugin loaded. More details are here: tailwindlabs/prettier-plugin-tailwindcss#31 (comment)