Angular inline styles are not formatted if specified as single string (new in v17) #15934
Closed
Suggestion
Description
Prettier 3.2.2
Playground link
--parser babelInput:
import {Component} from '@angular/core';
@Component({
selector: 'app-root',
template: `Hello`,
styles: `
:host{
color:blue;}
`,
})
export class AppComponent {}Output:
import { Component } from "@angular/core";
@Component({
selector: "app-root",
template: `Hello`,
styles: `
:host{
color:blue;}
`,
})
export class AppComponent {}Expected output:
Why?
Since Angular v17 it is possible to specify an inline style with a single string rather than an array of strings. If specified as array prettier formats the css. If specified as string prettier does nothing with the css.