pug formatter

[octref]

We want to include a pug formatter in Vetur.

Options:

• https://github.com/reshape/sugarml (preferred, since I'm doing reshape for html too)
• https://github.com/vingorius/pug-beautify (seems not as actively maintained)

[iamstevendao]

I also really want the same "attribute on separate line formatting" in HTML to happen with Pug in Vue files.
Something likes this can be done with "html.format.wrapAttributes": "force-aligned":

      <button type="button"
              (click)="modalForm.hide()"
              class="close"
              data-dismiss="modal"
              aria-hidden="true">&times;
      </button>

Can we have somethings similar with Pug?

[MadReal]

Any updates on this?

[o-alexandrov]

Could you please let us know whether you have any plans on supporting .pug?

[tdamsma]

Is supporting pug still on the roadmap?

[Bombfuse]

Also interested in pug support

[homerjam]

This extension helps, too bad whatever changes were made haven't been contributed back to the original source but hey ho.

https://marketplace.visualstudio.com/items?itemName=dtx92.vscode-pugvuebeautify

[octref]

I dont' mind just adding https://github.com/vingorius/pug-beautify, if that's what you all want. Can you all give https://marketplace.visualstudio.com/itemdetails?itemName=dtx92.vscode-pugvuebeautify a try to see if it's working fine or buggy for you?

[kbtz]

@octref It seems to work when executing it manually. If I have wrong indentation on both pug and stylus code for example it will format only the template region as it should.

So the only thing left for integration would be allowing it on vetur.format.defaultFormatter.pug so it gets executed when formatting the whole document, that's correct?

Also I'd like to know if its possible to execute it as the default html formatter with the current Vetur version as a workaround. Thanks!

[jessielaf]

Is this still on the roadmap?

[octref]

https://github.com/prettier/plugin-pug seems actively maintained. I'll try to integrate that.

[the-nicolas]

https://github.com/prettier/plugin-pug seems actively maintained. I'll try to integrate that.

...any success?

[bkarlson]

hello?

[Cigoler]

Would be awesome to use Pug with a formatter in Vue

[timsayshey]

@octref Did you run into a blocker with the plugin-pug integration? What was the issue?

[geoidesic]

So.. how do I get vetur to format pug?

[homerjam]

@geoidesic try using prettier maybe - it's working for me using pug in vue sfc's

[geoidesic]

Looks like I needed to install pug-prettier via npm. Works after that.