Biome [0], a fast Prettier-compatible formatter, is currently working on adding class sorting [1]. We expect to ship the feature with the next release (on February). We are discussing which options to provide for the feature (mainly on the Discord of Biome).<p>[0] <a href="https://biomejs.dev/" rel="nofollow">https://biomejs.dev/</a>
[1] <a href="https://github.com/biomejs/biome/pull/1362">https://github.com/biomejs/biome/pull/1362</a>
> The plugin will respect your tailwind.config.js file and work with any Tailwind plugins you’ve installed, but _there is no way to change the sort order_.<p>Really like that they don't give options to change the settings. Just one less thing to bike shed within teams. Really doesn't matter what is picked, just as long as it is consistent (and not obviously stupid).
Does anyone know if it's possible to get Tailwind class sorting in Elixir Phoenix HEEX templates. It would be a great addition to the Elixir formatter.<p>Maybe we could write a formatter plugin in Elixir that does the same thing if this one isn't usable directly.
In a similar vein, you can sort imports with Prettier using Trivago’s plugin.<p><a href="https://github.com/trivago/prettier-plugin-sort-imports">https://github.com/trivago/prettier-plugin-sort-imports</a>
Let's add another step in our toolchain & deployment bundle.<p>It saddens me to see people new to web development don't realize that to deploy a webpage, all it takes is just uploading (SFTP) a single .html file onto a web server.<p>Nothing more is technically required than that, but we've made it so complex you'd never know.
> any classes in the base layer will be sorted first, followed by classes in the components layer, and then finally classes in the utilities layer<p>I guess you can get away with that because a tool can follow those rules.<p>But man, I <3 alpha sort.
Both MDN and the W3C complain about Prettier putting closing slashes on HTML tags such as <input />. While allowed due to backward compatibility to XHTML, they have never been specified, do nothing, and browsers ignore them so it is pointless to put them there.<p><a href="https://github.com/validator/validator/wiki/Markup-%C2%BB-Void-elements">https://github.com/validator/validator/wiki/Markup-%C2%BB-Vo...</a><p><a href="https://github.com/orgs/mdn/discussions/242">https://github.com/orgs/mdn/discussions/242</a>