Ugly logical expression break in Vue v-if

[fisker]

Prettier 3.2.5
Playground link

--parser vue

Input:

<template>
  <div>	  <div>	  <div>	
            <foo-bar
            v-if="
             a_long_long_long_long_name ===
               a_long_long_long_long_long_name.foo && !foo.bar
            "
            />
  </div></div></div>
  </template>

Output:

<template>
  <div>
    <div>
      <div>
        <foo-bar
          v-if="
            a_long_long_long_long_name ===
              a_long_long_long_long_long_name.foo && !foo.bar
          "
        />
      </div>
    </div>
  </div>
</template>

Expected output:

<template>
  <div>
    <div>
      <div>
        <foo-bar
          v-if="
            a_long_long_long_long_name === a_long_long_long_long_long_name.foo &&
            !foo.bar
          "
        />
      </div>
    </div>
  </div>
</template>

Why?

The expected output is more readable, IMO