Bug: Space at the end of an element causes | and newlines to be inserted

[richardsimko]

Info

Tool	Version
Plugin	v2.4.2
Prettier	v2..8.8
Framework	vue
Node	v19.0.0
OS	mac

Prettier config

{

}

Input

<template lang="pug">
.root //<----- extra space here
  .second
</template>

Output or Error

Insert `|⏎··`

Output after formatting:

<template lang="pug">
.root 
  |
  |
  |
  |
  |
  |
  |
  |
  |
  |
  |
  |
  |
  .second
</template>

Expected Output

.root
  .second

Additional Context

Notice there is a space after .root. If I run the formatter on the code it won't be removed leading to it creating more newlines with | every time it's run.

[Shinigami92]

Related to #425

[richardsimko]

This also seems to be a bug with plain templates:

.test 
  .inner

.test 
  |
  .inner

Each time the formatter is run an additional | is added.

[Shinigami92]

@richardsimko took me a while and potentially caused some headaches 😆
but finally I fixed it 🎉

Please checkout v2.5.0
Also note that NodeJS v14 is now not supported anymore 😉

[Shinigami92]

Thanks for the fix! It does indeed seem to have fixed standalone pug files, however .vue files still suffer from the same issue.

uhm what?
the change I did was not releated to vue at all 🤔

Can you please open a new issue with example so I can track it?

[richardsimko]

Thanks for the fix! Works great :)