[Vue][Bug] Long v-if condition break the code after reformat

**Prettier 1.15.2**
**Vue 2.5.17**
[Playground link](https://prettier.io/playground/#N4Igxg9gdgLgprEAuEAeeBbADgGwIbwB8AOlAARmoAmAlgG4nkWWa4FxmnPMDOOEMALzEQAJwgB3APpwAHljxQqcUSK7cyfAQFoekLHGEhg4iQF81TbnW00AZkf5QA5gGFotGDWgBGMgDJ-MkUBAAsVABloNw8aL2gyQSSyAHIMAE9giTgeCAwOURyAVxwYFICgkJhw0QB1UJowUIAhQrwAawAVcIiaKDgIhGdqkUYNSlz86r7nMgB6MY1USbhplwX1ClQ51nwidW3aBlJt3fZGEAAaEAgseKgeZFA8UVMABReER5Q8OggaKhXEAAI1EeDA7VWAGUFGAZsgYKIinBrqEYBgcPU4jlYXAoV84vQ4ulkOAeI9rn0eCoYG8wc4MHhkHY8DhqdcAFY8WStcGQmBQvD5Xr9Zms9kgLmyKEzHBwACKRQEcDFbJRIAUompolJdGRQKwoj6MFqAOqyAAHAAGa6GiDU2pgrCkw05FR0FXXQoARyKNEKdLwDKZSBZauu1IwNARSPVPFlCqV8FVEpgeGBpqo5qQACZroi8DQcDN3BhGaSoNBPSAitTOunvmHqWYzEA)
```sh
# Options (if any):
--parser vue
```

**Input:**
A `v-if` is used on a `template` element which is also declared as a `slot`.

```jsx
<template>
  <div>
    <template 
      slot="row_expander"
      slot-scope="{row}"
      v-if="longCondition1 && anotherLongCondition === 'my awesome result' && anotherWhichBreakTheLineLength">
      <something />
      <something/>
    </template>
  </div>
</template>
```

**Output:**
```jsx
<template>
  <div>
    <template
      slot="row_expander"
      slot-scope="{
        row
      }"
      v-if="
        longCondition1 &&
          anotherLongCondition === 'my awesome result' &&
          anotherWhichBreakTheLineLength
      "
    >
      <something /> <something />
    </template>
  </div>
</template>
```
In this particular case (usage on template element which is a slot renderer), the resulting code will break.

**Expected behavior:**
The code must be encapsulated in parenthesis to properly work. (And indentation may be better imho.)

```jsx
<template>
  <div>
    <template
      slot="row_expander"
      slot-scope="{
        row
      }"
      v-if="(
        longCondition1 &&
        anotherLongCondition === 'my awesome result' &&
        anotherWhichBreakTheLineLength
     ) "
    >
      <something /> <something />
    </template>
  </div>
</template>
```

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[Vue][Bug] Long v-if condition break the code after reformat #5561

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Uh oh!

[Vue][Bug] Long v-if condition break the code after reformat #5561

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions