Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Updated prettier today and html formatter no longer works

See original GitHub issue

[x ] I have searched through existing issues
[x ] I have read through docs
[x ] I have read FAQ

Info

Platform: macOS
Vetur version: 0.11.6
VS Code version: 1.19.2
Prettier Vs Code: 1.1.2

Problem

my configuration below no longer works after updating prettier

"vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "indent_size": 2,
      "end_with_newline": false,
      "wrap_attributes": "force-aligned",
      "wrap_attributes_indent_size": 2,
      "editorconfig": true
    }
  }

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:12 (1 by maintainers)

Top GitHub Comments

9reactions

CiGitcommented, Jan 18, 2018

Hello Vetur users!

Since prettier-vscode@1.1 we register a formatter for “vue” files (prettier@1.10). It seems it’s interacting badly with Vetur which does the same… (and seems we are wining the formatter battle ✌️ ) You can disable prettier on vue files prettier.disableLanguages: ["vue"] (restart vscode) and continue to use Vetur’s formatter which also formats the html template part of your SFC. Prettier only takes care of script and style part.

I don’t know if you can do the opposite tho.

4reactions

hunmarcommented, Sep 19, 2018

I just tried prettier "vetur.format.defaultFormatter.html": "prettier" and it works for html part

vetur@0.12.6 prettier@1.6.1