Vetur: problem format code "shift + alt + f"!

[thearabbit]

Excuse me, how to format .vue file (Mac).
I try press shift + alt + f, but don't work on <template> and convert siglequote to dublequote on <script>

<template>
    <div>
        <h2>Message</h2>
<el-button icon="el-icon-edit" @click="message">Message</el-button>

        <h2>Notification</h2>
<el-button plain @click="notification">Success</el-button>
    </div>
</template>

<script>
export default {
  name: "Home", // default 'Home'
  data() {
    return {};
  },

[octref]

https://vuejs.github.io/vetur/formatting.html

[thearabbit]

Thanks for your reply, but I am not clear on Doc.
Could you example?

[ghost]

"js-beautify-html: html (deprecated and turned off by default)"

For "Template" you have to activate on the User settings, and for the single quotes, you can install the prettier extension and change the prettier default setting

[thearabbit]

Thanks for your helping.
Now it work for single quotes

// Setting
"prettier.singleQuote": true

But still problem with indent tab and template format

<template>
    <div>
        <h2>Icon</h2>
    <i class="el-icon-edit"></i>
        <i class="el-icon-share"></i>
    <h2>Message</h2>
</template>
Ï
<script>
export default {
    name: 'Home', // 1 tap by default
  data() { // after format
    return {};
  },

[gayanSandamal]

Mine is fixed.

1. Install Prettier extension.
   URL - https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
2. Go to File > Preferences > Settings
3. Add below,
   "prettier.singleQuote": true,
   "prettier.semi": false,
   "prettier.eslintIntegration": true
4. Save.
5. Try Alt + Shift + F

[thearabbit]

Thanks