With takeover mode, how to format on save plain typescript files?

[vidal7]

Hi there,

First at all, thank you for making this great extension.

We have a big codebase here and we are slowly switching from Vue2/No SFC/vue-class-component API to Vue3/SFC/composition API and I think this extension will enhanced the DX (Developer Experience) of our team.

Since it is recommended to activate the take over mode and since we still have many plain ts files, our formatter for plain ts files "vscode.typescript-language-features" is not available anymore.

Here's is our settings.json configuration.

{
    "editor.formatOnSave": true,
    "[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "[vue]": {
        "editor.defaultFormatter": "Vue.volar"
    }
}

So how format on save plain ts files? I know that we can use another formatter like prettier, but for now we prefer not to use it. We are happy with the vscode.typescript-language-features formatter. Searching on the web and as far as I know, vs code typescript default formatter can't be extracted or used without the builtin typescript extension that must be desactivated to use the take over mode.

[johnsoncodehk]

Volar uses the same formatter as vscode.typescript-language-features for TS documents, so you only need change "editor.defaultFormatter": "vscode.typescript-language-features" to "editor.defaultFormatter": "Vue.volar" in "[typescript]".

[johnsoncodehk]

See #1903 (comment)

[vidal7]

WoW. That was quick! Can't wait to try it. For my information, how can we install a beta version of the extension to try it? Beta versions do not seem to be in the list when selecting others versions of it?

[vidal7]

Ok, here is the way to do it #1880

[johnsoncodehk]

You need to download vsix and drag it to VSCode "Extensions" window: #1880

[vidal7]

Thank you. I can now confirm that v1.0.0-beta.0 has the right fix and formatting plain ts files now work again.