deno icon indicating copy to clipboard operation
deno copied to clipboard

deno fmt should keep line breaks for the html class attribute.

Open sylc opened this issue 3 months ago • 5 comments

I use tailwindcss and often end up sometimes with lots of classes in my either .svelte files or .html files. To make them more readable and compact i structure them with linebreaks. However currently deno fmt will rearrange them in one long line that needs horizontal scrolling in VScode to review

input

<div
  class="aclass aclass aclass aclass aclass 
aclass aclass aclass aclass aclass aclass aclass 
aclass aclass aclass aclass aclass aclass aclass 
aclass aclass aclass aclass aclass aclass aclass 
aclass aclass aclass aclass aclass aclass aclass 
aclass aclass aclass aclass aclass aclass"
>
  div with lost of tailwindcss classes
</div>

expected

<div
  class="aclass aclass aclass aclass aclass 
    aclass aclass aclass aclass aclass aclass aclass 
    aclass aclass aclass aclass aclass aclass aclass 
    aclass aclass aclass aclass aclass aclass aclass 
    aclass aclass aclass aclass aclass aclass aclass 
    aclass aclass aclass aclass aclass aclass"
>
  div with lost of tailwindcss classes
</div>

actual (deno 2.0.4 (stable, release, x86_64-pc-windows-msvc)

<div
  class="aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass aclass"
>
  div with lost of tailwindcss classes
</div>

sylc avatar Nov 02 '24 12:11 sylc