How to Enable Local Formatting Configuration? about coc-volar HOT 4 CLOSED

Yes, that does seem the best way to go. I've just been spoiled by Vetur's useWorkspaceDependencies feature 😅

I'll go ahead and close this issue. Thanks for your input!

from coc-volar.

If you want to use "prettier", please install coc-prettier.

As a side note, coc-prettier is set to disable vue files by default, so you need to adjust your settings to enable them.

e.g. coc-settings.json:

{
  // (1) Disable volar formatting.
  "volar.formatting.enable": false,
  // (2) Use a formatter when saving files.
  "coc.preferences.formatOnSaveFiletypes": [
    // ...snip
    "vue"
  ],
  // (3) Enable coc-prettier to use vue files as well
  "prettier.disableLanguages": []
}

from coc-volar.

Thanks for the information, @yaegassy! I was unaware that Prettier would ignore Vue files. I suppose Vetur was superseding coc-prettier when configured to use workspace dependencies, and ran it in its own process... I don't yet understand the differences in design choices between the two LSPs.

Do you know whether it's possible to alter Volar's built-in formatting configuration as well? Does Volar handle formatting manually, or does it depend on other tools?

from coc-volar.

I think Volar uses prettyhtml, prettier (probably in the css part), pug-beautify, sass-formatter, etc. internally.

I don't think Volar's formatter allows you to change the detailed settings. With VSCode, it may be possible to adjust the ts/js part slightly, but not with coc-volar.

Volar formatter is designed to be used out of the box, for more custom rules I recommend switching to Prettier (coc-prettier).

from coc-volar.