Skip to content

Wrong indention in vue v-if #7779

@fisker

Description

@fisker

Prettier 1.19.1
Playground link

--parser vue

Input:

<template>
  <my-component v-if="long_long_long_long_long_long_long_condition && long_long_long_long_long_long_long_condition && long_long_long_long_long_long_long_condition && long_long_long_long_long_long_long_condition && long_long_long_long_long_long_long_condition && long_long_long_long_long_long_long_condition"></my-component>
</template>

Output:

<template>
  <my-component
    v-if="
      long_long_long_long_long_long_long_condition &&
        long_long_long_long_long_long_long_condition &&
        long_long_long_long_long_long_long_condition &&
        long_long_long_long_long_long_long_condition &&
        long_long_long_long_long_long_long_condition &&
        long_long_long_long_long_long_long_condition
    "
  ></my-component>
</template>

Expected behavior:

<template>
  <my-component
    v-if="
      long_long_long_long_long_long_long_condition &&
      long_long_long_long_long_long_long_condition &&
      long_long_long_long_long_long_long_condition &&
      long_long_long_long_long_long_long_condition &&
      long_long_long_long_long_long_long_condition &&
      long_long_long_long_long_long_long_condition
    "
  ></my-component>
</template>

Metadata

Metadata

Assignees

No one assigned

    Labels

    lang:vueIssues affecting Vuelocked-due-to-inactivityPlease open a new issue and fill out the template instead of commenting.

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions