[Question] Is there any solutions to wrap attributes only when wrap automatic?

[s3xysteak]

now:

<ExampleComponent class="test" @click="handleClick" :data="data"/>

request to be:

<ExampleComponent class="test" @click="handleClick" :data="data"/>

No need to wrap attributes when the code is not long enough to wrap automatic.

now:

<ExampleComponent class="test" @click="handleClick" :data="data" :data-source="dataSource" :loading="onLoading" :attr1="attr1" :attr2="attr2" />

request to be:

<ExampleComponent 
    class="test" 
    @click="handleClick"
    :data="data" 
   :data-source="dataSource"
    :loading="onLoading"
    :attr1="attr1"
    :attr2="attr2" 
   />

Wrap attributes when the code is long enough to wrap automatic.

[meguoe]

配合prettier使用

[so1ve]

#1078 Volar now uses vscode-html-languageservice, which doesn't automatically wrap these attributes. Please use prettier if you want to wrap them.

[s3xysteak]

#1078 Volar now uses vscode-html-languageservice, which doesn't automatically wrap these attributes. Please use prettier if you want to wrap them.

Could I format code in <template></template> by Prettier, but still use Volar to formatter other code? I really love the style of Volar.
I tried it in VsCode. Here is my setting.json

  "[vue]": {
    "editor.defaultFormatter": "Vue.volar"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

But it does not work. It seems to only work on the file with the .html suffix.

[so1ve]

This currently impossible, but you can open a feature request for it (although I'm not sure if it's a good idea).

BTW could you please try https://github.com/volarjs/services/tree/master/packages/prettier?