Latest version make HTML code and vue templates unreadable

I have just updated prettier in VScode and now if makes aright old mess of html and vue.js template code.

Fort example it turns:

           <div class="columns report-title" id="report-title">
                <page-title title="Pre-Event Report" width="is-three-fifths" subtitle="View your pre-event attendance report."></page-title>
                <event-selector class="column has-text-right-tablet" v-if="eventListLoaded" />
            </div>

into

        <div
          class="columns report-title"
          id="report-title"
        >
          <page-title
            title="Pre-Event Report"
            width="is-three-fifths"
            subtitle="View your pre-event attendance report."
          ></page-title>
          <event-selector
            class="column has-text-right-tablet"
            v-if="eventListLoaded"
          />
        </div>

and one line of code like this:

<grid-item class="dash-panel" v-for="(item,index) in layout" :x="item.x" :y="item.y" :w="item.w" :h="item.h" :i="item.i" :minH="griditem.minH" :minW="griditem.minW" :maxH="griditem.maxH" :maxW="griditem.maxW" :key="index" :drag-allow-from="griditem.dragAllow">

into

          <grid-item
            class="dash-panel"
            v-for="(item,index) in layout"
            :x="item.x"
            :y="item.y"
            :w="item.w"
            :h="item.h"
            :i="item.i"
            :minH="griditem.minH"
            :minW="griditem.minW"
            :maxH="griditem.maxH"
            :maxW="griditem.maxW"
            :key="index"
            :drag-allow-from="griditem.dragAllow"
          >

Makes the code look a right old mess, makes it unreadable and doubles the length of my source files.

Not exactly progress. Is there any way to go back to an older version, as I have had to disable prettier from my vscode setup?

[events-jonas-chrisw]

@events-jonas-chrisw Isn’t that formatting what’s recommended in the vue style guide?

yep, still doesn’t make it easy to read… those dangling closing tags freak out my OCD 😃

[phifa]

"vetur.format.defaultFormatter.html": "prettyhtml"

This made it work for me.