prettier-plugin-svelte breaks correct formatting

[vrde]

Describe the bug

prettier-plugin-svelte (that is enabled by default) constantly breaks my formatting. Code like

<div>
  <a href="https://example.com/something-something">Something Something</a>,
  a project about <em>something</em>!
</div>

Is automatically formatted to:

<div>
  <a href="https://example.com/something-something">Something Something</a>
  , a project about
  <em>something</em>
  !
</div>

That leads to render white-spaces before punctuation.

This makes my experience with this extension quite painful. This issue should be addressed in the prettier-plugin-svelte repository, but it seems to be ignored:

• Configure whitespace-sensitive tags prettier-plugin-svelte#28
• Disable HTML formatting prettier-plugin-svelte#102
• Prettier reformat adds unwanted whitespace to HTML prettier-plugin-svelte#103

I'm writing here to ask if there is any alternative to that formatter.

To Reproduce
Steps to reproduce the behavior:

• Install the vscode extension
• Write some html
• Save it

Expected behavior

I expect the extension to not break my formatting.

Screenshots

Before and after saving:

System (please complete the following information):

• OS: GNU/Linux
• IDE: VSCode
• Plugin/Package: Svelte for VSCode

[jasonlyu123]

Sorry, Currently there are no other options. But you can use prettier ignore.

[dummdidumm]

You can also disable formatting completely through the corresponding setting.

[vrde]

Thanks for your answers.

If I understand correctly I can disable the HTML formatting only, right? I'm a bit confused, is it something I disable on prettier or on prettier-plugin-svelte?

[dummdidumm]

It's a setting of the Svelte VSCode extension

[vrde]

It's a setting of the Svelte VSCode extension

I tried two things:

• Disable svelte.plugin.svelte.format.enable and it disable formatting for everything, while I'd like to keep formatting for js and css.
• Disable svelte.plugin.html.enable but it keeps formatting (I guess this option is used for something else).

So I'm not able to drop automatic formatting for HTML only :(

[dummdidumm]

Yes that is not possible.

[ehrencrona]

We should be able to close this now; sveltejs/prettier-plugin-svelte#120 fixes the bug mentioned.

[dummdidumm]

I'll keep it open until it's published and the extension is updated.