Since Angular v20 it is not encouraged any more to use the naming convention user-input.component.ts for components. Instead it is encouraged to use a simpler naming like user-input.ts. If so, the control flow blocks @if() or @for() are not formatted correctly any more.
Using Prettier 3.8.1 in Webstorm 2025.3.2
Not replicable in https://prettier.io/playground)
user-input.component.html
<div>
@for (item of model; track item) {
@if (item === "test") {
<div>{{ item }}</div>
}
}
</div>
user-input.html
<div>
@for (item of model; track item) { @if (item === 'test') {
<div>{{ item }}</div>
} }
</div>