use the vscode alt+shift+f format vue code to set the following
template when pug, is used, how can you set the indentation of pug to 4 spaces,
{
"editor.fontSize": 12,
"emmet.variables": {
"lang": "zh-cn",
"charset": "UTF-8"
},
"files.associations": {
"*.wpy": "vue"
},
"workbench.startupEditor": "newUntitledFile",
"todohighlight.isEnable": true,
"todohighlight.include": [
"**/*.js",
"**/*.jsx",
"**/*.ts",
"**/*.tsx",
"**/*.html",
"**/*.php",
"**/*.css",
"**/*.scss",
"**/*.wpy",
],
"stylusSupremacy.insertColons": false,
"stylusSupremacy.insertSemicolons": false,
"stylusSupremacy.insertBraces": false,
"stylusSupremacy.insertNewLineAroundImports": false,
"stylusSupremacy.insertNewLineAroundBlocks": false,
"editor.detectIndentation": false,
"editor.tabSize": 4,
"editor.formatOnSave": true,
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html",
}