{{else if ...}} is always incorrectly rewritten to use {{#if}} which makes it unusable with {{#animated-if}}

[emattias]

Prettier 3.2.5
Playground link

Input:

{{#animated-if this.foo}}
foo content
{{else if (this.bar)}}
bar content
{{/animated-if}}

Output:

{{#animated-if this.foo}}
  foo content
{{else}}{{#if (this.bar)}}
    bar content
  {{/if}}{{/animated-if}}

Expected output:

{{#animated-if this.foo}}
  foo content
{{else if (this.bar)}}
  bar content
{{/animated-if}}

Why?

There can be other statements with {{else if ...}} than {{#if}}, like {{#animated-if}} and {{#liquid-if}}. They should not change:

{{else if (this.bar)}}
 bar content
{{/animated-if}}

to force it to use {{#if}}:

{{else}}{{#if (this.bar)}}
    bar content
  {{/if}}{{/animated-if}}

Using regular {{#if}} it works correctly:

Input:

{{#if this.foo}}
foo content
{{else if (this.bar)}}
bar content
{{/if}}

Output:

{{#if this.foo}}
  foo content
{{else if (this.bar)}}
  bar content
{{/if}}

[emattias]

@fisker I wasnt clear, this is in handlebars/glimmer templates. See the playgroud link (it uses the glimmer parser)

[fisker]

Sorry, wrong label. Thanks!