// Input
class A {
 @​decorator()
 get foo () {}
 
 @​decorator()
 set foo (value) {}
}
// Prettier 2.8.6
SyntaxError: Decorators cannot be applied to multiple get/set accessors of the same name. (5:3)
 3 | get foo () {}
 4 | 
> 5 | @​decorator()
 | ^^^^^^^^^^^^
 6 | set foo (value) {}
 7 | }
// Prettier 2.8.7
class A {
 @​decorator()
 get foo() {}
 @​decorator()
 set foo(value) {}
}

// Input
class A {
 @​decorator()
 #privateMethod () {}
}
// Prettier 2.8.5
SyntaxError: Decorators are not valid here. (2:3)
 1 | class A {
> 2 | @​decorator()
 | ^^^^^^^^^^^^
 3 | #privateMethod () {}
 4 | }
// Prettier 2.8.6
class A {
 @​decorator()
 #privateMethod() {}
}

// Input
class Person {
 @​(myDecoratorArray[0])
 greet() {}
}
// Prettier 2.8.4
class Person {
 @​myDecoratorArray[0]
 greet() {}
}
// Prettier 2.8.5
class Person {
 @​(myDecoratorArray[0])
 greet() {}
}

// Input
type A = (typeof node.children)[];
// Prettier 2.8.4
type A = typeof node.children[];
// Prettier 2.8.5
type A = (typeof node.children)[];

<!-- Input -->
<div className='HelloWorld' title={`You are visitor number ${ num }`} onMouseOver={onMouseOver}/>
<!-- Prettier 2.8.4 -->
<div
 className="HelloWorld"
 title={`You are visitor number ${num}`}
 onMouseOver={onMouseOver}
/>;
<!-- Prettier 2.8.5 -->
<div className="HelloWorld" title={`You are visitor number ${num}`} onMouseOver={onMouseOver} />;

// Input
type Type = {
 // comment
 readonly [key in Foo];
};
// Prettier 2.8.3
type Type = {
 readonly // comment
 [key in Foo];
};
// Prettier 2.8.4
type Type = {
 // comment
 readonly [key in Foo];
};

{{! Input }}
{{#block param param param param param param param param param param as |blockParam|}}
 Hello
{{else block param param param param param param param param param param as |blockParam|}}
 There
{{/block}}
{{! Prettier 2.8.3 }}
{{#block
 param
 param
 param
 param
 param
 param
 param
 param
 param
 param
 as |blockParam|
}}
 Hello
{{else block param
param
param
param
param
param
param
param
param
param}}
 There
{{/block}}
{{! Prettier 2.8.4 }}
{{#block
 param param param param param param param param param param
 as |blockParam|
}}
 Hello
{{else block
 param param param param param param param param param param
 as |blockParam|
}}
 There
{{/block}}

// Input
const a = /** @&#8203;satisfies {Record<string, string>} */ ({hello: 1337});
const b = /** @&#8203;type {Record<string, string>} */ ({hello: 1337});
// Prettier 2.8.3
const a = /** @&#8203;satisfies {Record<string, string>} */ { hello: 1337 };
const b = /** @&#8203;type {Record<string, string>} */ ({ hello: 1337 });
// Prettier 2.8.4
const a = /** @&#8203;satisfies {Record<string, string>} */ ({hello: 1337});
const b = /** @&#8203;type {Record<string, string>} */ ({hello: 1337});

// Input
type Foo<T> = T extends ((a) => a is infer R extends string) ? R : never;
// Prettier 2.8.3 (First format)
type Foo<T> = T extends (a) => a is infer R extends string ? R : never;
// Prettier 2.8.3 (Second format)
SyntaxError: '?' expected. 
// Prettier 2.8.4
type Foo<T> = T extends ((a) => a is infer R extends string) ? R : never;

// Input
<app-test/>
// Prettier 2.8.2
SyntaxError: Only void and foreign elements can be self closed "app-test" (1:1)
> 1 | <app-test/>
 | ^^^^^^^^^
 2 |
// Prettier 2.8.3
<app-test />

<!-- Input -->
We now don't strictly follow the release notes format suggested by [Keep a Changelog].
[Keep a Changelog]: https://example.com/
<!-- Prettier 2.8.1 -->
We now don't strictly follow the release notes format suggested by [Keep a Changelog].
[keep a changelog]: https://example.com/
<!--
^^^^^^^^^^^^^^^^^^ lowercased
-->
<!-- Prettier 2.8.2 -->
<Same as input>

{{! Input }}
<div />
<div></div>
<custom-component />
<custom-component></custom-component>
<i />
<i></i>
<Component />
<Component></Component>
{{! Prettier 2.8.1 }}
<div></div>
<div></div>
<custom-component></custom-component>
<custom-component></custom-component>
<i></i>
<i></i>
<Component />
<Component />
{{! Prettier 2.8.2 }}
<div />
<div></div>
<custom-component />
<custom-component></custom-component>
<i />
<i></i>
<Component />
<Component />

{{! Input }}
{{#when isAtWork as |work|}}
 Ship that
 {{work}}!
{{else when isReading as |book|}}
 You can finish
 {{book}}
 eventually...
{{else}}
 Go to bed!
{{/when}}
{{! Prettier 2.8.1 }}
{{#when isAtWork as |work|}}
 Ship that
 {{work}}!
{{else when isReading}}
 You can finish
 {{book}}
 eventually...
{{else}}
 Go to bed!
{{/when}}
{{! Prettier 2.8.2 }}
{{#when isAtWork as |work|}}
 Ship that
 {{work}}!
{{else when isReading as |book|}}
 You can finish
 {{book}}
 eventually...
{{else}}
 Go to bed!
{{/when}}

/* Input */
$map: (
 'one': (
 'key': 'value',
 ),
 'two': (
 'key': 'value',
 ),
)
/* Prettier 2.8.1 */
$map: (
 'one': (
 'key': 'value',
 ),
 'two': (
 'key': 'value',
 ),
)
/* Prettier 2.8.2 */
$map: (
 'one': (
 'key': 'value',
 ),
 'two': (
 'key': 'value',
 ),
)

// Input
(let[0] = 2);
// Prettier 2.8.1
let[0] = 2;
// Prettier 2.8.1 (second format)
SyntaxError: Unexpected token (1:5)
> 1 | let[0] = 2;
 | ^
 2 |
// Prettier 2.8.2
(let)[0] = 2;

// Input
@​variable: {
 field: something;
};
// Prettier 2.8.1
@​variable: {
 field: something;
}; ;
// Prettier 2.8.2
@​variable: {
 field: something;
};

// Input
.unary_minus_single {
 margin: -(@​a);
}
.unary_minus_multi {
 margin: 0 -(@​a);
}
.binary_minus {
 margin: 0 - (@​a);
}
// Prettier 2.8.1
.unary_minus_single {
 margin: - (@​a);
}
.unary_minus_multi {
 margin: 0 - (@​a);
}
.binary_minus {
 margin: 0 - (@​a);
}
// Prettier 2.8.2
.unary_minus_single {
 margin: -(@​a);
}
.unary_minus_multi {
 margin: 0 -(@​a);
}
.binary_minus {
 margin: 0 - (@​a);
}

// Input
@​var: {
 preserveCase: 0;
};
// Prettier 2.8.1
@​var: {
 preservecase: 0;
};
// Prettier 2.8.2
@​var: {
 preserveCase: 0;
};

// Input
class A {
 @​dec()
 // comment
 accessor b;
}
// Prettier 2.8.1
class A {
 @​dec()
 accessor // comment
 b;
}
// Prettier 2.8.1 (second format)
class A {
 @​dec()
 accessor; // comment
 b;
}
// Prettier 2.8.2
class A {
 @​dec()
 // comment
 accessor b;
}

// Input
a as (typeof node.children)[number]
a as (typeof node.children)[]
a as ((typeof node.children)[number])[]
// Prettier 2.8.1
a as typeof node.children[number];
a as typeof node.children[];
a as typeof node.children[number][];
// Prettier 2.8.2
a as (typeof node.children)[number];
a as (typeof node.children)[];
a as (typeof node.children)[number][];

// Input
switch (state) {
 default:
 result = state; // no change
 break;
}
// Prettier 2.8.1
switch (state) {
 default: // no change
 result = state;
 break;
}
// Prettier 2.8.2
switch (state) {
 default:
 result = state; // no change
 break;
}

class Foo {
 accessor prop: number;
}

// Input
const foo: bar</* comment */> = () => baz;
// Prettier 2.8.1
Error: Comment "comment" was not printed. Please report this error!
// Prettier 2.8.2
const foo: bar</* comment */> = () => baz;

// Input
({}).toString.call(foo) === "[object Array]"
 ? foo.forEach(iterateArray)
 : iterateObject(foo);
// Prettier 2.8.1
({}.toString.call(foo) === "[object Array]"
 ? foo.forEach(iterateArray)
 : iterateObject(foo));
// Prettier 2.8.2
({}).toString.call(foo.forEach) === "[object Array]"
 ? foo.forEach(iterateArray)
 : iterateObject(foo);

// Input
"use strict" /* comment */;
// Prettier 2.8.1 (with other js parsers except `babel`)
Error: Comment "comment" was not printed. Please report this error!
// Prettier 2.8.2
<Same as input>

// Input
function MyFunctionComponent() {
 <button label=/*old*/"new">button</button>
}
// Prettier 2.8.1
Error: Comment "old" was not printed. Please report this error!
// Prettier 2.8.2
function MyFunctionComponent() {
 <button label=/*old*/ "new">button</button>;
}

// Input
{0: 'value'}
// Prettier 2.8.1
{
 0: "value"
}
// Prettier 2.8.2
{
 "0": "value"
}

/* Input */
$foo: map-fn(
 (
 "#{prop}": inner-fn($first, $second),
 )
);
/* Prettier 2.8.1 */
$foo: map-fn(("#{prop}": inner-fn($first $second)));
/* Prettier 2.8.2 */
$foo: map-fn(
 (
 "#{prop}": inner-fn($first, $second),
 )
);

// Input
a {
 color: @​colors[@​white];
}
// Prettier 2.8.1
a {
 color: @​colors[ @​white];
}
// Prettier 2.8.2
<Same as input>

// Input
$display-breakpoints: map-deep-merge(
 (
 "print-only": "only print",
 "screen-only": "only screen",
 "xs-only": "only screen and (max-width: #{map-get($grid-breakpoints, "sm")-1})",
 ),
 $display-breakpoints
);
// Prettier 2.8.0
$display-breakpoints: map-deep-merge(
 (
 "print-only": "only print",
 "screen-only": "only screen",
 "xs-only": "only screen and (max-width: #{map-get($grid-breakpoints, " sm
 ")-1})",
 ),
 $display-breakpoints
);
// Prettier 2.8.1
$display-breakpoints: map-deep-merge(
 (
 "print-only": "only print",
 "screen-only": "only screen",
 "xs-only": "only screen and (max-width: #{map-get($grid-breakpoints, "sm")-1})",
 ),
 $display-breakpoints
);

class Foo {
 accessor foo: number = 3;
}