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",
    
}