Formatting in VSCode for templ + tailwindcss?

[benrbowers]

The recommended way to format .templ files in VSCode is to install the the templ extension and then set the formatter for templ files to "a-h.templ".
It works great for general html, my only gripe with this formatter is that there is no way to integrate with tailwindcss.

Ideally, I would like the "reordering" of tailwind classes that is provided by the prettier-plugin-tailwindcss for prettier.

Does anyone know if either:

1. I can get the same functionality with the "a-h.templ" formatter?
2. I can use prettier with .templ files in VSCode?

Thanks!

[noor-tg]

did you find anything ?

[gregmulvaney]

I would try out eslint with autofix enabled. There is a Eslint tailwindcss plugin and eslint is generally less opinionated than prettier.

[noor-tg]

After my last comment . I searched github and found prettier plugin that work with templ.

Thanks @gregmulvaney

[benrbowers]

@noor-tg Can I ask what plugin it is?

[noor-tg]

https://github.com/llamux/prettier-plugin-tailwindcss-extra