Format problems investigations

[csicky]

Hi, I have this question on SO. I am not sure where to ask, I don't know if this is a conflict between extensions.
https://stackoverflow.com/questions/76463721/format-problems-in-vue-project

Basically this is the problem:

Here is how it should be:

<wiskModal v-model="onlineCatalogVisible" size="lg" hideFooter :title="onlineItemSearchTitle" extraLarge>
  <onlineItemSearch v-model="onlineItem" v-if="purchaseOrder && onlineCatalogVisible" :startQuery="searchOnlineQuery"
    :distributor="purchaseOrder.to.distributor" :partnerVenue="purchaseOrder.to.partner_venue" />
</wiskModal>

Here is how it is after I save the file:

<wiskModal v-model=" onlineCatalogVisible " size="lg" hideFooter :title=" onlineItemSearchTitle " extraLarge>
  <onlineItemSearch v-model=" onlineItem " v-if=" purchaseOrder && onlineCatalogVisible " :startQuery=" searchOnlineQuery "
    :distributor=" purchaseOrder.to.distributor " :partnerVenue=" purchaseOrder.to.partner_venue " />
</wiskModal>

It is hard to work with this problem because when I want to commit to GIT I can't know for sure anymore what are my changes and what is the format bug. As I am reverting the format changes I can revert my real changes too.

[csicky]

I received a few updates to both Volar and Prettier. One of them fixed the problem, I can see now that just by saving a bad file it is automatically fixed now, so I will close this.