I installed prettier 3.3.3 and I run this config:

{
    "singleQuote": true,
    "printWidth": 120,
    "tabWidth": 4,
    "useTabs": false,
    "trailingComma": "none"
}

However, in my Angular templates I see it convert:

<ng-container *ngFor="let item of let possibleSlot of event.possibleSlots">

To:

<ng-container *ngFor="let item; of; let possibleSlot; of: event.possibleSlots">

And I cannot seem to figure out why.

I tried to figure out about parsers however, looking at this link https://prettier.io/docs/en/options.html#parser it says:

Prettier automatically infers the parser from the input file path, so you shouldn’t have to change this setting.

So it seems prettier is already using the right parser for Angular for me.

How do I get prettier to work with Angular correctly?