Unexpected embedded formatting for Angular template #15969
Description
Prettier 3.2.4
Playground link
--parser babelInput:
const template = "foobar";
@Component({
[template]: `<h1>{{ hello }}</h1>`,
})
export class AppComponent {}Output:
const template = "foobar";
@Component({
[template]: `<h1>{{ hello }}</h1>`,
})
export class AppComponent {}Expected output:
const template = "foobar";
@Component({
[template]: `<h1>{{ hello }}</h1>`,
})
export class AppComponent {}Why?
Prettier formats the content of the template field in Angular's @Component decorator as HTML. However, it now also formats the content of a different field named template as HTML. This isn't expected.
I think adding !node.computed to
prettier/src/language-js/embed/utils.js
Lines 47 to 51 in 4b1965a