prettier-ignore is ignored

[taylorzane]

The following snippet of code will get formatted regardless of whether the <!-- prettier-ignore --> comment is above the line. The standard prettier html parser handles this case.

<script>
// whatever
</script>

<!-- prettier-ignore -->
<span>[</span><span>{value}</span><span>]</span>

<style>
/* whatever */
</style>

The spans need to stay on one line as this component is inside of a <pre> tag and being on new lines modifies the outcome. (That's a separate issue that can't necessarily be handled by #28, so the prettier-ignores should be respected.)

[foodwaterwifi]

This would be greatly appreciated.....................

[Conduitry]

Implemented in 1.1.0.

[m4rrc0]

It is not working for me. I updated dependencies to

    "prettier": "^2.0.5",
    "prettier-plugin-svelte": "^1.1.0",

and this

    <!-- prettier-ignore -->
    <p>A veryyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy long sentence to make the tag wrap</p>

still wraps.

The prettier plugin seems to kick in since my <script> and <style> tags get reordered properly.

Is anyone else having issues with this?

[jonas-veselka]

Also not working for me. I need this line to be ignored because of unwanted spaces from the new lines.

<!-- prettier-ignore -->
{@html text1}<a href='#'>{@html linkText}</a>{@html text2}

[b1mind]

So after finally getting SCSS working with svelte beta/vsCode (and wanting to use .pug, which I know is not supported atm). I looked for away to omit tag from being formatted. I found this thread and tried the above and it seems to be working for me?

One thing I know that I did is make a .prettierrc in my root app folder with

// .prettierrc
{
  "svelteSortOrder": "scripts-markup-styles",
  "svelteStrictMode": true,
  "svelteBracketNewLine": true,
  "svelteAllowShorthand": false
}

Not sure that matters any though. As it seems to work in .css/.html/.svelte files shown in screencap. Any thing I can do to help just ask I will spend time(though I am quite the noob).

[jonas-veselka]

// .prettierrc
{
  "svelteSortOrder": "scripts-markup-styles",
  "svelteStrictMode": true,
  "svelteBracketNewLine": true,
  "svelteAllowShorthand": false
}

This unfortunately doesn't work for me. But thanks for sharing Your settings. It must be caused by something different.

[will-stone]

I just had this issue when trying to inject a dynamic style tag and found this worked, no prettier-ignore required:

{@html `<${'style'} class="block">
...
</style>`}

My other issue was that postCSS was clobbering the style tag: hiding it in the nested string got around that. Without doing that results in Prettier doing this:

{@html `<style class="block ✂prettier:content✂="LmFuaW1hdGlvbk5hbWUgewogI..."></style>`}

[luizschiestl]

Any progress or workaraound on that? Note that svelte files listed in .prettierignore are also not ignored, so my only current option is to set "svelte.plugin.svelte.format.enable": false in VS Code settings which will unfortunately disable formatting for all svelte files.

[nauta]

In VS Code, using the "Svelte Beta" extension instead of the more popular "Svelte" extension from James Birtles (that uses this plugin's older 0.7.0 version), fixed at least the prettier-ignore feature in html for me.

[luizschiestl]

In VS Code, using the "Svelte Beta" extension instead of the more popular "Svelte" extension from James Birtles (that uses this plugin's older 0.7.0 version), fixed at least the prettier-ignore feature in html for me.

Didn't work for me. Do you mind sharing your VS Code settings?

[b1mind]

Really stabbing in the dark here... Cause I did some real wacky things in my process.

Uninstall prettier and all svelte extension. > Installed prettier > installed old svelte > load svelte a file > uninstall old svelte extension > install Svelte Beta > reload vsCode.

Not sure if this will work but it is how I had installed things.

[dummdidumm]

This issue is now about multiple things at once. The original issue, supporting prettier-ignore, is implemented, so I'm going to close. If it does not work for you when using the VSCode extension, I suggest to take a second look at the setup instructions to make sure you don't have an old extension installed and don't treat Svelte as HTML.

The issues listed in the following have other, different reasons:

I just had this issue when trying to inject a dynamic style tag and found this worked, no prettier-ignore required:

{@html `<${'style'} class="block">
...
</style>`}

My other issue was that postCSS was clobbering the style tag: hiding it in the nested string got around that. Without doing that results in Prettier doing this:

{@html `<style class="block ✂prettier:content✂="LmFuaW1hdGlvbk5hbWUgewogI..."></style>`}

This is another symptom of #70

Also not working for me. I need this line to be ignored because of unwanted spaces from the new lines.

<!-- prettier-ignore -->
{@html text1}<a href='#'>{@html linkText}</a>{@html text2}

prettier-ignore does not work this way. It only ignores the next node, not the next line. So it will only keep the first {@html... node unformatted. To achieve what you desire, but the prettier-ignore comment above the node that contains the code. Example:

<!-- prettier-ignore -->
<div>
     {@html text1}<a href='#'>{@html linkText}</a>{@html text2}
</div>

Note that svelte files listed in .prettierignore are also not ignored.

I created #131 for that

[DhyeyMoliya]

<!-- prettier-ignore --> does not work in .svelte files for <script src="..."> and <style src="...">.

[dummdidumm]

#130 will fix this

[codingwithchris]

<!-- prettier-ignore --> still does not work in:

"prettier": "^2.6.2",
"prettier-plugin-svelte": "^2.7.0",

@dummdidumm Your example here does not work:

<!-- prettier-ignore -->
<div>
     {@html text1}<a href='#'>{@html linkText}</a>{@html text2}
</div>

prettier still formats everything in this node... nothing I can do will prevent prettier from running in a svelte file on any line. I was attempting to do this to bypass #240 which still seems to be a bug.

[dummdidumm]

Please open a new issue with a detailed reproduction (can't reproduce this given your code snippet) instead of posting in 3 closed ones.