Improve template literal expression print in embeded language #18369
Description
Prettier 3.7.2
Playground link
--parser babel
--arrow-parens avoid
--trailing-comma noneInput:
const a = `flex-direction: ${long_condlong_condlong_condlong_cond ? "column-reverse" : "column"}`
const b = css`
.class{
flex-direction: column${long_cond && long_cond && long_cond ? "-reverse" : ""};
}
`
const c = html`
<div>${long_cond && long_cond && long_cond && long_cond && long_cond ? "-reverse" : ""}</div>
`Output:
const a = `flex-direction: ${long_condlong_condlong_condlong_cond ? "column-reverse" : "column"}`;
const b = css`
.class {
flex-direction: column${long_cond && long_cond && long_cond
? "-reverse"
: ""};
}
`;
const c = html`
<div>
${long_cond && long_cond && long_cond && long_cond && long_cond
? "-reverse"
: ""}
</div>
`;Expected output:
const a = `flex-direction: ${long_condlong_condlong_condlong_cond ? "column-reverse" : "column"}`;
const b = css`
.class {
flex-direction: column${long_cond && long_cond && long_cond ? "-reverse" : ""};
}
`;
const c = html`
<div>
${long_cond && long_cond && long_cond && long_cond && long_cond ? "-reverse": ""}
</div>
`;Why?
Should not break the ternay like it's in js.
Original issue #5886