How to use this in VSCode/Cursor?

[PaulRBerg]

Hey, thanks for building this tool.

How to use rustywind in VSCode/Cursor? Could you share some instructions, please?

[praveenperera]

Hey i just assumed most people using vscode or cursor would be using the official tailwind prettier plugin, so I haven’t done any work on making it easy to integrate. There are ways to do so. But any reason you want to use RustyWind specifically?

[PaulRBerg]

I am using Biome and I don't want to use Prettier because it would lead to formatting conflicts.

[praveenperera]

Ok makes sense, from what I remember there are some vscode extensions that allow running a cli on file save. Any of those should work. But I can also try making a rustywind ext.

[PaulRBerg]

Thanks @praveenperera - I'd be happy to use a third-party extension. If you could just document the process in the README, that would be helpful

[vladshcherbin]

Same for me, using biome and trying to figure out an extension to sort on save 🙌

[PaulRBerg]

@vladshcherbin note that Biome has an experimental rule for sorting Tailwind classes.

https://biomejs.dev/linter/rules/use-sorted-classes/

[vladshcherbin]

@PaulRBerg gave it a shot but it has a lot of limitations, one of which is that it doesn't run in *.svelte files 1, 2 😢

Currently managed to make sorting work with prettier and run on save vscode extension:

"runOnSave.commands": [
  {
    "match": "\\.svelte$",
    "command": "export PATH=/opt/homebrew/bin:$PATH && ./node_modules/.bin/prettier '${file}' --plugin prettier-plugin-svelte --plugin prettier-plugin-tailwindcss -w"
  }
]

Looks like shit but works 🤮