Support for Angular control flow formatting

[ssougnez]

Angular 17 introduced control flow which is a better alternative to *ngIf.
For example, we can now write:

<div>
   @if (condition) {
      <div>...</div>
   } @ else {
      <div>...</div>
   }
</div>

However, by default, Visual Studio Code does not support this new syntax in a sense that the indentation is not correct:

<div>
   @if (condition) {
   <div>...</div>
   } @ else {
   <div>...</div>
   }
</div>

So basically, by default, vscode makes something supposed to be more readable... less readable :-)
A solution is to use extensions such as Prettier, however, this one comes with some many enforced rules that not every developer (myself included) are willing to use it (see angular/angular#52720 (comment)).
Finally, a fair amount of Angular project are developed using vscode, so it would be nice that vscode support indenting this syntax.

[ssougnez]

Just as I posted this, I got notified about beautifier/js-beautify#2219

If this issue will solve the current one, it can be closed then, sorry :-)

[vscodenpa]

This issue is caused by an extension, please file it with the repository (or contact) the extension has linked in its overview in VS Code or the marketplace for VS Code. See also our issue reporting guidelines. If you don't know which extension is causing the problem, you can run Help: Start extension bisect from the command palette (F1) to help identify the problem extension.

Happy Coding!