Indentation problem when vscode formats vue code

when the beauty,vuter,prettier,
format code is installed in the relevant plug-ins, the indentation is always 2. If you want to change it to 4, you can"t adjust it well according to the method on the Internet.
this is a custom setting. What other configurations do you want to change by default
?

{
    "editor.fontSize": 18,
    "prettier.disableLanguages": [],
    "workbench.colorTheme": "Default Light+",
    "editor.detectIndentation": false,
    "prettier.tabWidth": 4,
    "vetur.format.defaultFormatter.html": "prettier",
    "editor.quickSuggestions": {
        "strings": true
    }

 "vetur.format.defaultFormatter.html": "prettyhtml",
  "vetur.format.defaultFormatterOptions": {
    "prettyhtml": {
      "tabWidth": 4,
    }
  },
Menu