Adding character before and/or after mustaches gives ugly output

[AnthonyLenglet]

Prettier 1.17.1
Playground link

--parser angular

Input:

<span class="mr-1">{{ 'should_outdate_translation' | i18n: 'Should outdate translations on save' | async }}:</span>

Output:

<span class="mr-1"
  >{{
    "should_outdate_translation"
      | i18n: "Should outdate translations on save"
      | async
  }}:</span
>

removing the character after the mustaches fixes it
Fixed Playground link

Expected behavior:

<span class="mr-1">{{
  "should_outdate_translation"
    | i18n: "Should outdate translations on save"
    | async
}}:</span>

[alexander-akait]

/cc @AnthonyLenglet because not you line is more than 80 characters and prettier break code in multi lines

[no-response]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take action. Please reach out if you have or find the answers we need so that we can investigate further.

[j-f1]

This is what @AnthonyLenglet is referring to @evilebottnawi:

Prettier 1.18.2
Playground link

--parser angular

Input:

<span class="mr-1">{{ 'should_outdate_translation' | i18n: 'Should outdate translations on save' | async }}:</span>
<span class="mr-1">{{ 'should_outdate_translation' | i18n: 'Should outdate translations on save' | async }}</span>

Output:

<span class="mr-1"
  >{{
    "should_outdate_translation"
      | i18n: "Should outdate translations on save"
      | async
  }}:</span
>
<span class="mr-1">{{
  "should_outdate_translation"
    | i18n: "Should outdate translations on save"
    | async
}}</span>