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

![Image](https://github.com/user-attachments/assets/bd1784b9-b595-461c-8fe6-175960b7d946)

The result of executing npm run format

I want the structure to be as above

[aslrz-club]

[cexbrayat]

Hi @aslrz-club

I'm not sure what your issue is.

This repo is the official project generator for Vue, it does generate a minimal prettier config, but you're free to update it as you like.

What is the issue with create-vue?

[aslrz-club]

I want the commands lint and format to produce the same results. How should I configure this?

[cexbrayat]

You'll need to update your eslint config to use prettier via @vue/eslint-config-prettier
Check out the docs at https://github.com/vuejs/eslint-config-prettier