Vetur: Html attributes in templates no longer wrap

[nivv]

• [x] I have searched through existing issues
• [x] I have read through docs at https://vuejs.github.io/vetur/
• [x] I have read FAQ: https://github.com/vuejs/vetur/wiki/FAQ

Info

• Platform: macOS
• Vetur version: 0.10.1
• VS Code version: 1.17.2 (1.17.2)

Problem

Before (some other version of vetur) the attributes wrapped as below:

                                    <widget-list :model="page"
                                        :active-image="activeImage"
                                        :active-file="activeFile"
                                        model-name="App\Page"
                                        v-model="widgets.data"
                                        :block-types="selectedPagetype.blockTemplates.data"
                                        :widgets="widgets.data"></widget-list>

In this version it becomes as below when formatting (cmd+b)

<widget-list :model="page" :active-image="activeImage" :active-file="activeFile" model-name="App\Page" v-model="widgets.data" :block-types="selectedPagetype.blockTemplates.data" :widgets="widgets.data"></widget-list>

I've configured vetur to use "js-beautify-html"

"vetur.format.defaultFormatter.html": "js-beautify-html",

But this seem to ignore my .jsbeautifyrc

Where did the old formatter go?

[octref]

Settings for js-beautify https://vuejs.github.io/vetur/formatting.html#js-beautify-html

[nivv]

@octref thanks, and sorry for not checking the docs

[see311]

@nivv How to set wrapping html attr? sorry, I still not undetstand

[stevennzhou]

@see311 try this.

"vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned"
        }
    }