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,
    }
  },
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e539c8-43d24.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e539c8-43d24.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?