How to use format

[ling7788]

How to use formatting for Vue files? I have enabled the settings in my configuration file, but the formatting is invalid

[ling7788]

nothing changed!

[cadilhac]

Same issue here. Setting Vue-Official as the formatter does not work.

[zjp-CN]

For anyone who is seeing this issue, here's the solution for me.

1. In a vue file, click the Vue button in the bottom right corner of VSCode, and select "Configure 'vue' languange based settings..." from the pop-up window. [^1]
2. Add "editor.defaultFormatter": "Vue.volar" in [vue].

{
    // add formatter setting for vue files
    "[vue]": {
        "editor.defaultFormatter": "Vue.volar"
    }
}

[^1]: Or directly open your settings.json somewhere to add the setting.