Prettier option vue-indent-script-and-style is not used

Info

• Platform: macOS Mojave 10.14.5
• Vetur version: 0.22.6
• VS Code version: 1.40.0

Problem

I wanted to use the option vue-indent-script-and-style from prettier but this option is not recognized by vetur. I think this is because vetur is using an outdated version of prettier. The option vue-indent-script-and-style was just added recently (see: https://github.com/prettier/prettier/releases/tag/1.19.0) so I guess we just need to upgrade prettier

Reproducible Case

settings.json of VSCode:

"vetur.format.defaultFormatter.css": "none",
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "none",
"vetur.format.defaultFormatter.less": "none",
"vetur.format.defaultFormatter.postcss": "none",
"vetur.format.defaultFormatter.scss": "prettier",
"vetur.format.defaultFormatter.stylus": "none",
"vetur.format.defaultFormatter.ts": "none"

.prettierrc.js

module.exports = {
  printWidth: 200,
  'vue-indent-script-and-style': true,
}

By the way: it would be nice to have an option for indent for "vetur.format.defaultFormatter.ts": "vscode-typescript" as well because I don’t like prettier too much for my TS/JS code

[spenwall]

From my research I found that the prettier option for vueIndentScriptAndStyle doesn’t work with vetur even using the latest prettier version. You can however use the options.

vetur.format.styleInitialIndent and vetur.format.scriptInitialIndent

This seemed to work for me in indenting script styling.

[Pilag6]

Guys, I found the option to add the following code into the settings.json . I am only using Prettier, not Vetur

“[vue]”: { “editor.defaultFormatter”: “esbenp.prettier-vscode” },