The HTML structure of the commands lint and format is inconsistent

[aslrz-club]

My prettier configuration

{
  "$schema": "https://json.schemastore.org/prettierrc",
  "semi": false,
  "singleQuote": true,
  "printWidth": 100,
  "trailingComma": "all",
  "arrowParens": "always",
  "tabWidth": 2,
  "useTabs": false,
  "bracketSpacing": true
}

vscodo automatically formatted results

The result of executing npm run format

I want the structure to be as above

[haoqunjiang]

Add the following to your VS Code settings.json:

  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },