VSCode not changing double quotes to single quotes in <template> when using Vetur and Prettier and Vue-Cli 3

vue.js visual-studio-code vue-cli-3 prettier

Only way I found to get this to work was to remove the following from my .eslintrc.js

'plugin:prettier/recommended','@vue/prettier'

vue.js visual-studio-code vue-cli-3 prettier

I created a file named .prettierrc.js in the directory I run npm run serve in.

This file contains:

module.exports = {    singleQuote: true,    trailingComma: "es5",    printWidth: 200};

Now it mostly works, except for method calls that are longer then 200. Then pretier forgets a comma at the end.

vue.js visual-studio-code vue-cli-3 prettier

Changing the default formatter from prettier to vetur worked for me

CodeHunter