From d9af4fb6c4795491b3fcc0400e53407327581347 Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Wed, 4 Nov 2020 10:46:24 +0900
Subject: [PATCH 01/17] Generate draft via script

---
 website/blog/2020-11-04-2.2.0.md | 852 +++++++++++++++++++++++++++++++
 1 file changed, 852 insertions(+)
 create mode 100644 website/blog/2020-11-04-2.2.0.md

diff --git a/website/blog/2020-11-04-2.2.0.md b/website/blog/2020-11-04-2.2.0.md
new file mode 100644
index 000000000000..f64e0b3884ab
--- /dev/null
+++ b/website/blog/2020-11-04-2.2.0.md
@@ -0,0 +1,852 @@
+---
+author: "🚧"
+authorURL: "https://github.com/🚧"
+title: "Prettier 🚧"
+---
+
+🚧 Write an introduction here.
+
+<!--truncate-->
+
+## Highlights
+
+### JavaScript
+
+#### Add `espree` parser ([#9000](https://github.com/prettier/prettier/pull/9000) by [@fisker](https://github.com/fisker))
+
+A new value for the `parser` option has been added: [`espree`](https://github.com/eslint/espree) - which is the [`ESLint`](https://github.com/eslint/eslint) default parser.
+
+Note that `espree` only works for [ECMAScript Finished Proposals](https://github.com/tc39/proposals/blob/master/finished-proposals.md), and is stricter than the `babel` parser.
+
+### TypeScript
+
+#### Support TypeScript 4.1 via Babel ([#9473](https://github.com/prettier/prettier/pull/9473) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+
+`--parser=babel-ts` is required.
+
+##### Key Remapping In Mapped Types
+
+```ts
+// Input
+type MappedTypeWithNewKeys<T> = {
+  [K in keyof T as NewKeyType]: T[K]
+};
+
+// Prettier 2.2
+SyntaxError: Unexpected token, expected "]" (2:17)
+  1 | type MappedTypeWithNewKeys<T> = {
+> 2 |   [K in keyof T as NewKeyType]: T[K]
+    |                 ^
+  3 | };
+
+// Prettier 2.1
+type MappedTypeWithNewKeys<T> = {
+  [K in keyof T as NewKeyType]: T[K]
+};
+```
+
+##### Template Literal Types
+
+```ts
+// Input
+type HelloWorld = `Hello, ${keyof World}`
+
+// Prettier 2.2
+SyntaxError: Unexpected token, expected "}" (1:35)
+> 1 | type HelloWorld = `Hello, ${keyof World}`
+    |                                   ^
+
+// Prettier 2.1
+type HelloWorld = `Hello, ${keyof World}`;
+
+```
+
+### API
+
+#### ESM standalone bundles ([#8983](https://github.com/prettier/prettier/pull/8983) by [@Monchi](https://github.com/Monchi), [@fisker](https://github.com/fisker))
+
+Now standalone is also bundled as ESM. It works directly on browser.
+
+```js
+import prettier from "https://unpkg.com/prettier/esm/standalone.mjs";
+import parserGraphql from "https://unpkg.com/prettier/esm/parser-graphql.mjs";
+
+prettier.format("query {     }", {
+  parser: "graphql",
+  plugins: [parserGraphql],
+});
+```
+
+## Other changes
+
+### JavaScript
+
+#### Respect spacing between template values in embedded CSS ([#9078](https://github.com/prettier/prettier/pull/9078) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+
+<!-- prettier-ignore -->
+```js
+// Input
+const style = css`
+  width: ${size}${sizeUnit};
+`;
+
+// Prettier 2.1
+const style = css`
+  width: ${size} ${sizeUnit};
+`;
+
+// Prettier 2.2
+const style = css`
+  width: ${size}${sizeUnit};
+`;
+
+```
+
+#### Fix comments inside template ([#9278](https://github.com/prettier/prettier/pull/9278) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```js
+// Input
+html`${
+      foo
+  /* comment */
+}`;
+html`
+${
+      foo
+  /* comment */
+}
+`;
+graphql`${
+      foo
+  /* comment */
+}`;
+css`${
+      foo
+  /* comment */
+}`;
+
+// Prettier 2.1
+html`${foo}`;
+/* comment */
+html`
+  ${foo}
+  /* comment */
+`;
+graphql`
+  ${foo}
+  /* comment */
+`;
+css`
+  ${foo}
+  /* comment */
+`;
+
+
+// Prettier 2.2
+html`${
+  foo
+  /* comment */
+}`;
+html`
+${
+  foo
+  /* comment */
+}
+`;
+graphql`${
+  foo
+  /* comment */
+}`;
+css`${
+  foo
+  /* comment */
+}`;
+```
+
+#### Improve formatting for `AssignmentExpression` with `ClassExpression` that has a long super class ([#9341](https://github.com/prettier/prettier/pull/9341) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+
+This improves the formatting for [Google Closure Library Namespace](https://developers.google.com/closure/library/docs/introduction#names).
+
+<!-- prettier-ignore -->
+```js
+// Input
+aaaaaaaa.bbbbbbbb.cccccccc.dddddddd.eeeeeeee.ffffffff.gggggggg2 = class extends (
+  aaaaaaaa.bbbbbbbb.cccccccc.dddddddd.eeeeeeee.ffffffff.gggggggg1
+) {
+  method () {
+    console.log("foo");
+  }
+};
+
+// Prettier 2.1
+aaaaaaaa.bbbbbbbb.cccccccc.dddddddd.eeeeeeee.ffffffff.gggggggg2 = class extends aaaaaaaa
+  .bbbbbbbb.cccccccc.dddddddd.eeeeeeee.ffffffff.gggggggg1 {
+  method() {
+    console.log("foo");
+  }
+};
+
+// Prettier 2.2
+aaaaaaaa.bbbbbbbb.cccccccc.dddddddd.eeeeeeee.ffffffff.gggggggg2 = class extends (
+  aaaaaaaa.bbbbbbbb.cccccccc.dddddddd.eeeeeeee.ffffffff.gggggggg1
+) {
+  method() {
+    console.log("foo");
+  }
+};
+
+```
+
+#### Fix placing leading comments for a body of while statement ([#9345](https://github.com/prettier/prettier/pull/9345) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+
+<!-- prettier-ignore -->
+```js
+// Input
+while(1) // Comment
+  foo();
+
+// Prettier 2.1
+while (
+  1 // Comment
+)
+  foo();
+
+// Prettier 2.2
+while (1)
+  // Comment
+  foo();
+
+```
+
+#### Update to `@babel/parser` 7.12 ([#9408](https://github.com/prettier/prettier/pull/9408), [#9476](https://github.com/prettier/prettier/pull/9476) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+
+Updated the JavaScript parser to [`@babel/parser` 7.12](https://babeljs.io/blog/2020/10/15/7.12.0). This fixes several bugs and supports some new syntax.
+
+##### Support Import Assertions
+
+[The "module attributes" proposal supported on 2.1](https://prettier.io/blog/2020/08/24/2.1.0.html#support-es-module-attributes-and-json-modules-8436httpsgithubcomprettierprettierpull8436-by-fiskerhttpsgithubcomfisker) has been significantly changed and also renamed to "import assertions".
+
+```js
+import json from "./foo.json" assert { type: "json" };
+```
+
+##### Support imports and exports with string names
+
+<!-- TODO: Remove if the bug is fixed -->
+
+Due to a [bug in `@babel/parser`](https://github.com/babel/babel/issues/12209), Prettier can only use exports, but that will be fixed.
+
+```js
+let happy = "happy";
+export { happy as "😃" };
+```
+
+##### Support class static blocks
+
+```js
+class C {
+  static #x = 42;
+  static y;
+  static {
+    try {
+      this.y = doSomethingWith(this.#x);
+    } catch {
+      this.y = "unknown";
+    }
+  }
+}
+```
+
+#### Keep html and markdown invalid template literals as it is ([#9431](https://github.com/prettier/prettier/pull/9431) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```js
+// Input
+foo = html`<div>\u{prettier}</div>`;
+foo = html`\u{prettier}${foo}pr\u{0065}ttier`;
+foo = markdown`# \u{prettier}\u{0065}`;
+
+// Prettier 2.1
+foo = html``;
+foo = html`null${foo}prettier`;
+foo = markdown`
+# \u{prettier}\u{0065}
+`;
+
+// Prettier 2.2
+foo = html`<div>\u{prettier}</div>`;
+foo = html`\u{prettier}${foo}pr\u{0065}ttier`;
+foo = markdown`# \u{prettier}\u{0065}`;
+```
+
+#### Fix `import {a as a}` and `export {a as a}` format ([#9435](https://github.com/prettier/prettier/pull/9435) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```js
+// Input
+import { a as a } from "a";
+export { b as b } from "b";
+
+// Prettier 2.1
+import { a } from "a";
+export { b } from "b";
+
+// Prettier 2.2
+import { a as a } from "a";
+export { b as b } from "b";
+```
+
+### TypeScript
+
+#### Preserve a last separator for ignored object and interface types ([#9318](https://github.com/prettier/prettier/pull/9318) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+
+<!-- prettier-ignore -->
+```ts
+// Input
+let x: {
+  // prettier-ignore
+  y: z;
+};
+
+// Prettier 2.1
+let x: {
+  // prettier-ignore
+  y: z;;
+};
+
+// Prettier 2.2
+let x: {
+  // prettier-ignore
+  y: z;
+};
+```
+
+#### Add parens to object value that it's an assignment ([#9484](https://github.com/prettier/prettier/pull/9484) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```ts
+// Input
+foo = { bar: (a = b) };
+
+// Prettier 2.2
+foo = { bar: a = b };
+
+// Prettier 2.1
+foo = { bar: (a = b) };
+```
+
+#### Fix inconsistent type format between `typescript` and `flow` ([#9521](https://github.com/prettier/prettier/pull/9521) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```ts
+// Input
+const name: SomeGeneric<
+  Pick<Config, "ONE_LONG_PROP" | "ANOTHER_LONG_PROP">
+> = null;
+
+// Prettier 2.2 (--parser=typescript)
+const name: SomeGeneric<Pick<
+  Config,
+  "ONE_LONG_PROP" | "ANOTHER_LONG_PROP"
+>> = null;
+
+// Prettier 2.2 (--parser=flow)
+const name: SomeGeneric<
+  Pick<Config, "ONE_LONG_PROP" | "ANOTHER_LONG_PROP">
+> = null;
+
+// Prettier 2.1 (typescript and flow parser)
+const name: SomeGeneric<
+  Pick<Config, "ONE_LONG_PROP" | "ANOTHER_LONG_PROP">
+> = null;
+```
+
+### Flow
+
+#### Switch the `babel` parser to `babel-flow` if the `@flow` pragma is found ([#9071](https://github.com/prettier/prettier/pull/9071) by [@fisker](https://github.com/fisker))
+
+In practice, this means that as long as your Flow files have the pragma, it's safe to use the `.js` extension for them. Prettier will correctly parse and print them without any additional configuration. Previously, the pragma was recognized by the parser, but there existed minor correctness issues with the printer. E.g. it's not safe to unquote number keys in Flow.
+
+<!-- prettier-ignore -->
+```jsx
+// Input (with --parser babel)
+// @flow
+f<T>({ "2": 2 })
+
+// Prettier 2.1
+// @flow
+f<T>({ 2: 2 });
+
+// Prettier 2.2
+// @flow
+f<T>({ "2": 2 });
+```
+
+#### Flow Enums with unknown members ([#9432](https://github.com/prettier/prettier/pull/9432) by [@gkz](https://github.com/gkz))
+
+Previously, was not supported. Now, the following is formatted:
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+enum E {
+  A,
+  B,
+  ...
+}
+
+// Prettier 2.1: parse error
+
+// Prettier 2.2
+enum E {
+  A,
+  B,
+  ...
+}
+```
+
+#### Flow `this` annotations ([#9457](https://github.com/prettier/prettier/pull/9457) by [@dsainati1](https://github.com/dsainati1), [#9489](https://github.com/prettier/prettier/pull/9489) by [@fisker](https://github.com/fisker))
+
+Add support for `this` parameter annotations in Flow.
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+function f(this: string, a: number) {
+}
+
+type T = (this: boolean, a: number) => boolean;
+
+// Prettier 2.1
+function f(this: string, a: number) {}
+
+type T = (a: number) => boolean;
+
+// Prettier 2.2
+function f(this: string, a: number) {
+}
+
+type T = (this: boolean, a: number) => boolean;
+```
+
+#### Support `BigIntLiteralTypeAnnotation` and `BigIntTypeAnnotation` ([#9523](https://github.com/prettier/prettier/pull/9523) by [@fisker](https://github.com/fisker))
+
+Add support for `BigIntLiteralTypeAnnotation` and `BigIntTypeAnnotation` in Flow.
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+const foo: bigint = 1n;
+const bar: baz<1n> = 1n;
+
+// Prettier 2.1
+Error: unknown type: "BigIntTypeAnnotation"
+    at ...
+
+// Prettier 2.2
+const foo: bigint = 1n;
+const bar: baz<1n> = 1n;
+```
+
+#### Treat more types as "simple" type ([#9543](https://github.com/prettier/prettier/pull/9543) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+const foo1: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<symbol> = a
+const foo2: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<"STRING"> = a;
+const foo3: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<0> = a;
+
+// Prettier 2.2
+const foo1: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<
+  symbol
+> = a;
+const foo2: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<
+  "STRING"
+> = a;
+const foo3: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<
+  0
+> = a;
+
+// Prettier 2.1 (typescript and flow parser)
+const foo1: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<symbol> = a
+const foo2: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<"STRING"> = a;
+const foo3: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<0> = a;
+```
+
+#### Fix missing parentheses around `prettier-ignore`d type assertions ([#9553](https://github.com/prettier/prettier/pull/9553) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+transform(
+  // prettier-ignore
+  (pointTransformer: (Point => Point))
+);
+
+// Prettier 2.1
+transform(
+  // prettier-ignore
+  pointTransformer: (Point => Point)
+);
+
+// Prettier 2.2
+transform(
+  // prettier-ignore
+  (pointTransformer: (Point => Point))
+);
+```
+
+#### Improve comment types detection ([#9563](https://github.com/prettier/prettier/pull/9563) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+foo/*::<bar>*/(baz);
+class Foo {
+  bar( data: Array<string>) {}
+}
+
+// Prettier 2.2
+foo/*:: <bar> */(baz);
+class Foo {
+  bar(data: Array/*:: <string> */) {}
+}
+
+// Prettier 2.1
+foo/*:: <bar> */(baz);
+class Foo {
+  bar(data: Array<string>) {}
+}
+```
+
+### CSS
+
+#### Improve custom properties format ([#9209](https://github.com/prettier/prettier/pull/9209) by [@fisker](https://github.com/fisker))
+
+Thanks to [`PostCSS 8.0`](https://github.com/postcss/postcss/releases/tag/8.0.0), we can handle these edge cases on custom properties.
+
+<!-- prettier-ignore -->
+```css
+/* Input */
+:root {
+  --empty: ;
+  --JSON: [1, "2", {"three": {"a":1}}, [4]];
+  --javascript: function(rule) { console.log(rule) };
+}
+
+@supports (--element(".minwidth", { "minWidth": 300 })) {
+  [--self] {
+    background: greenyellow;
+  }
+}
+
+/* Prettier 2.1 */
+SyntaxError: (postcss) CssSyntaxError Missed semicolon (3:20)
+  1 | :root {
+  2 |   --empty: ;
+> 3 |   --JSON: [1, "2", {"three": {"a":1}}, [4]];
+    |                    ^
+  4 |   --javascript: function(rule) { console.log(rule) };
+  5 | }
+  6 |
+
+/* Prettier 2.2 */
+:root {
+  --empty: ;
+  --JSON: [1, "2", {"three": {"a": 1}}, [4]];
+  --javascript: function(rule) {console.log(rule)};
+}
+
+@supports (--element(".minwidth", {"minWidth": 300})) {
+  [--self] {
+    background: greenyellow;
+  }
+}
+```
+
+### Less
+
+#### Fix comments in value lists ([#9356](https://github.com/prettier/prettier/pull/9356) by [@thorn0](https://github.com/thorn0))
+
+<!-- prettier-ignore -->
+```less
+// Input
+@test-space-separated: #aaaaaa // Start with A
+  #bbbbbb // then some B
+  #cccccc; // and round it out with C
+
+// Prettier 2.1
+@test-space-separated: #aaaaaa a // Start with
+  #bbbbbb b // then some
+  #cccccc; // and round it out with C
+
+// Prettier 2.2
+@test-space-separated: #aaaaaa // Start with A
+  #bbbbbb // then some B
+  #cccccc; // and round it out with C
+```
+
+### HTML
+
+#### Fix crash on reading `Node.sourceSpan` ([#9368](https://github.com/prettier/prettier/pull/9368) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```html
+<!-- Input -->
+<strong>a</strong>-<strong>b</strong>-
+
+<!-- Prettier 2.1 -->
+TypeError: Cannot read property 'line' of undefined
+    at forceNextEmptyLine ...
+
+<!-- Prettier 2.2 -->
+<strong>a</strong>-<strong>b</strong>-
+```
+
+### Vue
+
+#### Fix inconsistent `v-for` format ([#9225](https://github.com/prettier/prettier/pull/9225) by [@zweimach](https://github.com/zweimach))
+
+<!-- prettier-ignore -->
+```vue
+<!-- Input -->
+<template>
+  <div
+    v-for="({ longLongProp=42, anotherLongLongProp='Hello, World!' }, index) of longLongLongLongLongLongLongLongList"
+  ></div>
+  <div
+    v-for="({firstValue, secondValue, thirdValue, fourthValue, fifthValue, sixthValue}, objectKey, index) in objectWithAVeryVeryVeryVeryLongName"
+  ></div>
+</template>
+
+<!-- Prettier 2.1 -->
+<template>
+  <div
+    v-for="({ longLongProp = 42, anotherLongLongProp = 'Hello, World!' },
+    index) of longLongLongLongLongLongLongLongList"
+  ></div>
+  <div
+    v-for="({
+      firstValue,
+      secondValue,
+      thirdValue,
+      fourthValue,
+      fifthValue,
+      sixthValue,
+    },
+    objectKey,
+    index) in objectWithAVeryVeryVeryVeryLongName"
+  ></div>
+</template>
+
+<!-- Prettier 2.2 -->
+<template>
+  <div
+    v-for="(
+      { longLongProp = 42, anotherLongLongProp = 'Hello, World!' }, index
+    ) of longLongLongLongLongLongLongLongList"
+  ></div>
+  <div
+    v-for="(
+      {
+        firstValue,
+        secondValue,
+        thirdValue,
+        fourthValue,
+        fifthValue,
+        sixthValue,
+      },
+      objectKey,
+      index
+    ) in objectWithAVeryVeryVeryVeryLongName"
+  ></div>
+</template>
+```
+
+### Handlebars (alpha)
+
+#### Fix unstable newlines after `<Textarea />` ([#9403](https://github.com/prettier/prettier/pull/9403) by [@fisker](https://github.com/fisker), fixes in `simple-html-tokenizer` by [@rwjblue](https://github.com/rwjblue))
+
+<!-- prettier-ignore -->
+```handlebars
+// Input
+<Textarea />
+{{#if true}}
+  Test
+{{/if}}
+
+// Prettier 2.1
+<Textarea />
+
+{{#if true}}
+  Test
+{{/if}}
+
+// Prettier 2.1 (second format)
+<Textarea />
+{{#if true}}
+  Test
+{{/if}}
+
+// Prettier 2.2
+<Textarea />
+{{#if true}}
+  Test
+{{/if}}
+```
+
+### Markdown
+
+#### Fix missing blank lines in fenced code block without end mark ([#8786](https://github.com/prettier/prettier/pull/8786) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```markdown
+require("prettier").format("```a\n\n\n\n", { parser: "markdown" });
+
+<!-- Prettier 2.1 -->
+'```a\n\n```\n'
+
+<!-- Prettier 2.2 -->
+'```a\n\n\n\n```\n'
+```
+
+#### Add support for [[wiki-style]] links in markdown ([#9275](https://github.com/prettier/prettier/pull/9275) by [@iamrecursion](https://github.com/iamrecursion))
+
+1.  Support for `[[wiki-style]]` links ensures that they do not get broken by
+    the prettier formatting by being wrapped over multiple lines.
+2.  The contents of the link (between the `[[]]` brackets) are treated as raw
+    text. This is because the various tools that rely on the `[[]]` syntax do not
+    agree on what is allowable between them.
+
+<!-- prettier-ignore -->
+```markdown
+<!-- Input -->
+If I have a prose that forces a wiki link to end up crossing the [[line width limit]] like this. It's wrapped into an invalid state.
+
+<!-- Prettier 2.1 -->
+If I have a prose that forces a wiki link to end up crossing the [[line width
+limit]] like this. It's wrapped into an invalid state.
+
+<!-- Prettier 2.2 -->
+If I have a prose that forces a wiki link to end up crossing the
+[[line width limit]] like this. It's wrapped into an invalid state.
+```
+
+#### Align code block language detection with other popular tools ([#9365](https://github.com/prettier/prettier/pull/9365) by [@kachkaev](https://github.com/kachkaev))
+
+Since [Prettier 1.12](https://prettier.io/blog/2018/04/11/1.12.0.html#support-fenced-codeblock-lang-followed-by-attributes-4153httpsgithubcomprettierprettierpull4153-by-ikatyanghttpsgithubcomikatyang), code blocks starting like ` ```js {something=something} ` are detected as JavaScript ones and are therefore formatted.
+Back in the day, not many tools used to separate the language from the metadata, so [it was decided](https://github.com/prettier/prettier/pull/4783) to make whitespace optional and thus detect ` ```js{something=something} ` as JavaScript too.
+
+With the release of [Remark](https://github.com/remarkjs/remark) v8 (which is used by Prettier), code block language detection and formatting became inconsistent in [several rare edge cases](https://github.com/prettier/prettier/issues/9155).
+Besides, [it was noticed](https://github.com/gicentre/litvis/issues/50) that Prettier‘s formatting behaviour mismatched syntax highlighting in VSCode.
+To encourage consistency between different tools and to better align with the [Commonmark spec](https://spec.commonmark.org/0.29/#fenced-code-blocks), use of whitespace between the language name and the metadata was made compulsory.
+
+<!-- prettier-ignore -->
+````markdown
+<!-- Input -->
+```js {something=something}
+console.log    (    "hello world"    );
+```
+
+```js{something=something}
+console.log    (    "hello world"    );
+```
+
+<!-- Prettier 2.1 -->
+```js {something=something}
+console.log("hello world");
+```
+
+```js{something=something}
+console.log("hello world");
+```
+
+<!-- Prettier 2.2 -->
+```js {something=something}
+console.log("hello world");
+```
+
+```js{something=something}
+console.log    (    "hello world"    );
+```
+````
+
+### MDX
+
+#### Fix JSX format ([#9267](https://github.com/prettier/prettier/pull/9267) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```markdown
+<!-- Input -->
+# title
+
+<Jsx>
+
+text
+
+</Jsx>
+
+<!-- Prettier 2.1 -->
+# title
+
+<Jsx>
+
+
+text
+
+</Jsx>
+
+
+(Extra empty lines added after `<Jsx>` and `</Jsx>`)
+
+<!-- Prettier 2.2 -->
+# title
+
+<Jsx>
+
+text
+
+</Jsx>
+```
+
+### API
+
+#### Stop inferring the parser to be `json` for `.jsonl` files ([#9371](https://github.com/prettier/prettier/pull/9371) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```console
+// Prettier 2.1
+$ prettier --check .
+Checking formatting...
+[error] bad.jsonl: SyntaxError: Unexpected token (2:1)
+[error]   1 | '{"type": "t/f", "head": "England", "relation": "invaded", "tail": "United States"}'
+[error] > 2 | '{"type": "t/f", "head": "England", "relation": "attacked", "tail": "Baltimore"}'
+[error]     | ^
+[error]   3 |
+All matched files use Prettier code style!
+
+// Prettier 2.2
+$ prettier --check .
+Checking formatting...
+All matched files use Prettier code style!
+```
+
+### CLI
+
+#### Fix error on dir or file that name is a number ([#9298](https://github.com/prettier/prettier/pull/9298) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```console
+$ cat 1/index.js
+hello('world')
+
+// Prettier 2.1
+$ prettier 1
+[error] The "path" argument must be of type string. Received type number (1)
+
+// Prettier 2.2
+$ prettier 1
+hello("world");
+```

From 26ff2c52f113ab040c2920be8f59756acb7aaef4 Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Wed, 4 Nov 2020 10:52:29 +0900
Subject: [PATCH 02/17] Add description

---
 website/blog/2020-11-04-2.2.0.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/website/blog/2020-11-04-2.2.0.md b/website/blog/2020-11-04-2.2.0.md
index f64e0b3884ab..deef349ee0ee 100644
--- a/website/blog/2020-11-04-2.2.0.md
+++ b/website/blog/2020-11-04-2.2.0.md
@@ -1,10 +1,10 @@
 ---
-author: "🚧"
-authorURL: "https://github.com/🚧"
-title: "Prettier 🚧"
+author: "Sosuke Suzuki (@sosukesuzuki)"
+authorURL: "https://github.com/sosukesuzuki"
+title: "Prettier 2.2: espree parser, TS 4.1 and ESM bundles for browsers"
 ---
 
-🚧 Write an introduction here.
+This release supports [espree](https://github.com/eslint/espree) parser, supports TypeScript 4.1 via [Babel 7.12](https://babeljs.io/blog/2020/10/15/7.12.0), ships ESM bundles for browsers, and includes many bug fixes and improvements!
 
 <!--truncate-->
 

From 50319025203220512f81fa818d870b755bedd27d Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Wed, 4 Nov 2020 12:36:31 +0900
Subject: [PATCH 03/17] Mention about pre-commit

---
 website/blog/2020-11-04-2.2.0.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/website/blog/2020-11-04-2.2.0.md b/website/blog/2020-11-04-2.2.0.md
index deef349ee0ee..b156856ba035 100644
--- a/website/blog/2020-11-04-2.2.0.md
+++ b/website/blog/2020-11-04-2.2.0.md
@@ -833,6 +833,19 @@ Checking formatting...
 All matched files use Prettier code style!
 ```
 
+#### Move [pre-commit](https://github.com/pre-commit/pre-commit) support to [github.com/prettier/pre-commit](https://github.com/prettier/pre-commit) ([#8937](https://github.com/prettier/prettier/pull/8937) by [@FloChehab](https://github.com/FloChehab))
+
+`pre-commit` support has moved to the new repository https://github.com/prettier/pre-commit, please update your `.pre-commit-config.yaml` file
+
+```diff
+- - repo: https://github.com/prettier/prettier
++ - repo: https://github.com/prettier/pre-commit
+-   rev: "2.2.0"
++   rev: "v2.2.0"
+    hooks:
+     - id: prettier
+```
+
 ### CLI
 
 #### Fix error on dir or file that name is a number ([#9298](https://github.com/prettier/prettier/pull/9298) by [@fisker](https://github.com/fisker))

From 2527e8041ce32d94eb14344cb9d71b3031ca1102 Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Wed, 4 Nov 2020 13:14:35 +0900
Subject: [PATCH 04/17] Remove pr-9209.md

---
 changelog_unreleased/css/pr-9209.md | 42 ---------------------
 website/blog/2020-11-04-2.2.0.md    | 58 -----------------------------
 2 files changed, 100 deletions(-)
 delete mode 100644 changelog_unreleased/css/pr-9209.md

diff --git a/changelog_unreleased/css/pr-9209.md b/changelog_unreleased/css/pr-9209.md
deleted file mode 100644
index 89da8951bc04..000000000000
--- a/changelog_unreleased/css/pr-9209.md
+++ /dev/null
@@ -1,42 +0,0 @@
-#### Improve custom properties format (#9209 by @fisker)
-
-Thanks to [`PostCSS 8.0`](https://github.com/postcss/postcss/releases/tag/8.0.0), we can handle these edge cases on custom properties.
-
-<!-- prettier-ignore -->
-```css
-/* Input */
-:root {
-  --empty: ;
-  --JSON: [1, "2", {"three": {"a":1}}, [4]];
-  --javascript: function(rule) { console.log(rule) };
-}
-
-@supports (--element(".minwidth", { "minWidth": 300 })) {
-  [--self] {
-    background: greenyellow;
-  }
-}
-
-/* Prettier stable */
-SyntaxError: (postcss) CssSyntaxError Missed semicolon (3:20)
-  1 | :root {
-  2 |   --empty: ;
-> 3 |   --JSON: [1, "2", {"three": {"a":1}}, [4]];
-    |                    ^
-  4 |   --javascript: function(rule) { console.log(rule) };
-  5 | }
-  6 |
-
-/* Prettier master */
-:root {
-  --empty: ;
-  --JSON: [1, "2", {"three": {"a": 1}}, [4]];
-  --javascript: function(rule) {console.log(rule)};
-}
-
-@supports (--element(".minwidth", {"minWidth": 300})) {
-  [--self] {
-    background: greenyellow;
-  }
-}
-```
diff --git a/website/blog/2020-11-04-2.2.0.md b/website/blog/2020-11-04-2.2.0.md
index b156856ba035..e58b45a08bf6 100644
--- a/website/blog/2020-11-04-2.2.0.md
+++ b/website/blog/2020-11-04-2.2.0.md
@@ -521,51 +521,6 @@ class Foo {
 }
 ```
 
-### CSS
-
-#### Improve custom properties format ([#9209](https://github.com/prettier/prettier/pull/9209) by [@fisker](https://github.com/fisker))
-
-Thanks to [`PostCSS 8.0`](https://github.com/postcss/postcss/releases/tag/8.0.0), we can handle these edge cases on custom properties.
-
-<!-- prettier-ignore -->
-```css
-/* Input */
-:root {
-  --empty: ;
-  --JSON: [1, "2", {"three": {"a":1}}, [4]];
-  --javascript: function(rule) { console.log(rule) };
-}
-
-@supports (--element(".minwidth", { "minWidth": 300 })) {
-  [--self] {
-    background: greenyellow;
-  }
-}
-
-/* Prettier 2.1 */
-SyntaxError: (postcss) CssSyntaxError Missed semicolon (3:20)
-  1 | :root {
-  2 |   --empty: ;
-> 3 |   --JSON: [1, "2", {"three": {"a":1}}, [4]];
-    |                    ^
-  4 |   --javascript: function(rule) { console.log(rule) };
-  5 | }
-  6 |
-
-/* Prettier 2.2 */
-:root {
-  --empty: ;
-  --JSON: [1, "2", {"three": {"a": 1}}, [4]];
-  --javascript: function(rule) {console.log(rule)};
-}
-
-@supports (--element(".minwidth", {"minWidth": 300})) {
-  [--self] {
-    background: greenyellow;
-  }
-}
-```
-
 ### Less
 
 #### Fix comments in value lists ([#9356](https://github.com/prettier/prettier/pull/9356) by [@thorn0](https://github.com/thorn0))
@@ -833,19 +788,6 @@ Checking formatting...
 All matched files use Prettier code style!
 ```
 
-#### Move [pre-commit](https://github.com/pre-commit/pre-commit) support to [github.com/prettier/pre-commit](https://github.com/prettier/pre-commit) ([#8937](https://github.com/prettier/prettier/pull/8937) by [@FloChehab](https://github.com/FloChehab))
-
-`pre-commit` support has moved to the new repository https://github.com/prettier/pre-commit, please update your `.pre-commit-config.yaml` file
-
-```diff
-- - repo: https://github.com/prettier/prettier
-+ - repo: https://github.com/prettier/pre-commit
--   rev: "2.2.0"
-+   rev: "v2.2.0"
-    hooks:
-     - id: prettier
-```
-
 ### CLI
 
 #### Fix error on dir or file that name is a number ([#9298](https://github.com/prettier/prettier/pull/9298) by [@fisker](https://github.com/fisker))

From 2d224e7b5e8a1bcf00bb45e6c9bc8a104df6f5db Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Wed, 4 Nov 2020 14:03:09 +0900
Subject: [PATCH 05/17] Mention about pre-commit

---
 website/blog/2020-11-04-2.2.0.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/website/blog/2020-11-04-2.2.0.md b/website/blog/2020-11-04-2.2.0.md
index e58b45a08bf6..92a7025a053d 100644
--- a/website/blog/2020-11-04-2.2.0.md
+++ b/website/blog/2020-11-04-2.2.0.md
@@ -788,6 +788,19 @@ Checking formatting...
 All matched files use Prettier code style!
 ```
 
+#### Move [pre-commit](https://github.com/pre-commit/pre-commit) support to [github.com/prettier/pre-commit](https://github.com/prettier/pre-commit) ([#8937](https://github.com/prettier/prettier/pull/8937) by [@FloChehab](https://github.com/FloChehab))
+
+`pre-commit` support has moved to the new repository https://github.com/prettier/pre-commit, please update your `.pre-commit-config.yaml` file
+
+```diff
+- - repo: https://github.com/prettier/prettier
++ - repo: https://github.com/prettier/pre-commit
+-   rev: "2.2.0"
++   rev: "v2.2.0"
+    hooks:
+     - id: prettier
+```
+
 ### CLI
 
 #### Fix error on dir or file that name is a number ([#9298](https://github.com/prettier/prettier/pull/9298) by [@fisker](https://github.com/fisker))

From 533c107d2545e0fc59cb99d23a08b2494632d2ed Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Fri, 6 Nov 2020 15:10:49 +0900
Subject: [PATCH 06/17] Add pr-8937.md

---
 changelog_unreleased/cli/pr-8937.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 changelog_unreleased/cli/pr-8937.md

diff --git a/changelog_unreleased/cli/pr-8937.md b/changelog_unreleased/cli/pr-8937.md
new file mode 100644
index 000000000000..fb39847d18eb
--- /dev/null
+++ b/changelog_unreleased/cli/pr-8937.md
@@ -0,0 +1,12 @@
+#### Move [pre-commit](https://github.com/pre-commit/pre-commit) support to github.com/prettier/pre-commit ([#8937](https://github.com/prettier/prettier/pull/8937) by [@FloChehab](https://github.com/FloChehab))
+
+`pre-commit` support has moved to the new repository https://github.com/prettier/pre-commit, please update your `.pre-commit-config.yaml` file .
+
+```diff
+- - repo: https://github.com/prettier/prettier
++ - repo: https://github.com/prettier/pre-commit
+-   rev: "2.2.0"
++   rev: "v2.2.0"
+    hooks:
+     - id: prettier
+```

From 5091e02eafe2c37c1422ccae2d7d6184e4930505 Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Fri, 6 Nov 2020 15:43:29 +0900
Subject: [PATCH 07/17] Update pr-9473

---
 changelog_unreleased/typescript/pr-9473.md | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/changelog_unreleased/typescript/pr-9473.md b/changelog_unreleased/typescript/pr-9473.md
index ed18101ee85b..80a005d59557 100644
--- a/changelog_unreleased/typescript/pr-9473.md
+++ b/changelog_unreleased/typescript/pr-9473.md
@@ -1,6 +1,24 @@
 #### [HIGHLIGHT]Support TypeScript 4.1 via Babel (#9473 by @sosukesuzuki)
 
-`--parser=babel-ts` is required.
+If you want to format TypeScript 4.1 features, please update your configuration file to use the `babel-ts` parser as below:
+
+```diff
+// .prettierrc
+{
++  "overrides": [
++    {
++      "files": "*.ts",
++      "options": {
++        "parser": "babel-ts"
++      }
++    }
++  ]
+}
+```
+
+See documentation for [Configuration Overrides](https://prettier.io/docs/en/configuration.html#configuration-overrides) and [Parser Options](https://prettier.io/docs/en/options.html#parser) for detail.
+
+If you don't use TypeScript 4.1, no additional configuration is required.
 
 ##### Key Remapping In Mapped Types
 

From 09f0c222eb26b7326ae1e709532ee6bf9275e603 Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Sat, 7 Nov 2020 09:33:53 +0900
Subject: [PATCH 08/17] Update pr-9473

---
 changelog_unreleased/typescript/pr-9473.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/changelog_unreleased/typescript/pr-9473.md b/changelog_unreleased/typescript/pr-9473.md
index 80a005d59557..0a4c25e303f5 100644
--- a/changelog_unreleased/typescript/pr-9473.md
+++ b/changelog_unreleased/typescript/pr-9473.md
@@ -16,6 +16,8 @@ If you want to format TypeScript 4.1 features, please update your configuration
 }
 ```
 
+The overrides configuration should be kept until the default `typescript` parser supports TypeScript 4.1 features. Probably it can be removed when 2.3 is released.
+
 See documentation for [Configuration Overrides](https://prettier.io/docs/en/configuration.html#configuration-overrides) and [Parser Options](https://prettier.io/docs/en/options.html#parser) for detail.
 
 If you don't use TypeScript 4.1, no additional configuration is required.

From 355573b5a85fdc0a05b935cebd9632de310b10ab Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Mon, 9 Nov 2020 11:39:59 +0900
Subject: [PATCH 09/17] Update intro file

---
 changelog_unreleased/blog-post-intro.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/changelog_unreleased/blog-post-intro.md b/changelog_unreleased/blog-post-intro.md
index 726b44873a4c..166e4bd1ae35 100644
--- a/changelog_unreleased/blog-post-intro.md
+++ b/changelog_unreleased/blog-post-intro.md
@@ -1,7 +1,7 @@
 ---
-author: "🚧"
-authorURL: "https://github.com/🚧"
-title: "Prettier 🚧"
+author: "Sosuke Suzuki (@sosukesuzuki)"
+authorURL: "https://github.com/sosukesuzuki"
+title: "Prettier 2.2: new JavaScript parsers, TS 4.1 and ESM standalone bundles"
 ---
 
-🚧 Write an introduction here.
+This release supports new JavaScript parsers [espree](https://github.com/eslint/espree) and [meriyah](https://github.com/meriyah/meriyah), supports [TypeScript 4.1](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/), ships ESM standalone bundles for modern browsers, and includes many bug fixes and improvements!

From db406c0f0938c9597cf6ceaddc57000395dc8e98 Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Tue, 10 Nov 2020 14:17:20 +0900
Subject: [PATCH 10/17] Add links to TS 4.1

---
 changelog_unreleased/typescript/pr-9473.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/changelog_unreleased/typescript/pr-9473.md b/changelog_unreleased/typescript/pr-9473.md
index 0a4c25e303f5..6938503a656e 100644
--- a/changelog_unreleased/typescript/pr-9473.md
+++ b/changelog_unreleased/typescript/pr-9473.md
@@ -1,6 +1,6 @@
 #### [HIGHLIGHT]Support TypeScript 4.1 via Babel (#9473 by @sosukesuzuki)
 
-If you want to format TypeScript 4.1 features, please update your configuration file to use the `babel-ts` parser as below:
+If you want to format [TypeScript 4.1](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/) features, please update your configuration file to use the `babel-ts` parser as below:
 
 ```diff
 // .prettierrc
@@ -22,7 +22,7 @@ See documentation for [Configuration Overrides](https://prettier.io/docs/en/conf
 
 If you don't use TypeScript 4.1, no additional configuration is required.
 
-##### Key Remapping In Mapped Types
+##### [Key Remapping In Mapped Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/#key-remapping-in-mapped-types)
 
 ```ts
 // Input
@@ -43,7 +43,7 @@ type MappedTypeWithNewKeys<T> = {
 };
 ```
 
-##### Template Literal Types
+##### [Template Literal Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/#template-literal-types)
 
 ```ts
 // Input

From d6ed2ddfb10535419ee749a4111087398de8f24f Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Tue, 10 Nov 2020 14:17:50 +0900
Subject: [PATCH 11/17] Update blog-post

---
 ...020-11-04-2.2.0.md => 2020-11-10-2.2.0.md} | 94 +++++++++++--------
 1 file changed, 56 insertions(+), 38 deletions(-)
 rename website/blog/{2020-11-04-2.2.0.md => 2020-11-10-2.2.0.md} (75%)

diff --git a/website/blog/2020-11-04-2.2.0.md b/website/blog/2020-11-10-2.2.0.md
similarity index 75%
rename from website/blog/2020-11-04-2.2.0.md
rename to website/blog/2020-11-10-2.2.0.md
index 92a7025a053d..40e589e745c6 100644
--- a/website/blog/2020-11-04-2.2.0.md
+++ b/website/blog/2020-11-10-2.2.0.md
@@ -1,10 +1,10 @@
 ---
 author: "Sosuke Suzuki (@sosukesuzuki)"
 authorURL: "https://github.com/sosukesuzuki"
-title: "Prettier 2.2: espree parser, TS 4.1 and ESM bundles for browsers"
+title: "Prettier 2.2: new JavaScript parsers, TS 4.1 and ESM standalone bundles"
 ---
 
-This release supports [espree](https://github.com/eslint/espree) parser, supports TypeScript 4.1 via [Babel 7.12](https://babeljs.io/blog/2020/10/15/7.12.0), ships ESM bundles for browsers, and includes many bug fixes and improvements!
+This release supports new JavaScript parsers [espree](https://github.com/eslint/espree) and [meriyah](https://github.com/meriyah/meriyah), supports [TypeScript 4.1](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/), ships ESM standalone bundles for modern browsers, and includes many bug fixes and improvements!
 
 <!--truncate-->
 
@@ -12,19 +12,43 @@ This release supports [espree](https://github.com/eslint/espree) parser, support
 
 ### JavaScript
 
-#### Add `espree` parser ([#9000](https://github.com/prettier/prettier/pull/9000) by [@fisker](https://github.com/fisker))
+#### Add `espree` and `meriyah` parser ([#9000](https://github.com/prettier/prettier/pull/9000), [#9514](https://github.com/prettier/prettier/pull/9514) by [@fisker](https://github.com/fisker))
 
-A new value for the `parser` option has been added: [`espree`](https://github.com/eslint/espree) - which is the [`ESLint`](https://github.com/eslint/eslint) default parser.
+Two new values for the `parser` option has been added:
 
-Note that `espree` only works for [ECMAScript Finished Proposals](https://github.com/tc39/proposals/blob/master/finished-proposals.md), and is stricter than the `babel` parser.
+- [`espree`](https://github.com/eslint/espree) - which is the default parser used by [`ESLint`](https://github.com/eslint/eslint).
+
+  Note that `espree` only works for [Finished ECMAScript Proposals](https://github.com/tc39/proposals/blob/master/finished-proposals.md), and is stricter than the `babel` parser.
+
+- [`meriyah`](https://github.com/meriyah/meriyah) - A [fast](https://meriyah.github.io/meriyah/performance/) JavaScript parser, successor of [cherow](https://github.com/cherow/cherow).
 
 ### TypeScript
 
 #### Support TypeScript 4.1 via Babel ([#9473](https://github.com/prettier/prettier/pull/9473) by [@sosukesuzuki](https://github.com/sosukesuzuki))
 
-`--parser=babel-ts` is required.
+If you want to format [TypeScript 4.1](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/) features, please update your configuration file to use the `babel-ts` parser as below:
+
+```diff
+// .prettierrc
+{
++  "overrides": [
++    {
++      "files": "*.ts",
++      "options": {
++        "parser": "babel-ts"
++      }
++    }
++  ]
+}
+```
+
+The overrides configuration should be kept until the default `typescript` parser supports TypeScript 4.1 features. Probably it can be removed when 2.3 is released.
+
+See documentation for [Configuration Overrides](https://prettier.io/docs/en/configuration.html#configuration-overrides) and [Parser Options](https://prettier.io/docs/en/options.html#parser) for detail.
 
-##### Key Remapping In Mapped Types
+If you don't use TypeScript 4.1, no additional configuration is required.
+
+##### [Key Remapping In Mapped Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/#key-remapping-in-mapped-types)
 
 ```ts
 // Input
@@ -45,7 +69,7 @@ type MappedTypeWithNewKeys<T> = {
 };
 ```
 
-##### Template Literal Types
+##### [Template Literal Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/#template-literal-types)
 
 ```ts
 // Input
@@ -65,7 +89,7 @@ type HelloWorld = `Hello, ${keyof World}`;
 
 #### ESM standalone bundles ([#8983](https://github.com/prettier/prettier/pull/8983) by [@Monchi](https://github.com/Monchi), [@fisker](https://github.com/fisker))
 
-Now standalone is also bundled as ESM. It works directly on browser.
+Prettier now also comes as ES modules, which can be directly used in modern browsers:
 
 ```js
 import prettier from "https://unpkg.com/prettier/esm/standalone.mjs";
@@ -102,7 +126,7 @@ const style = css`
 
 ```
 
-#### Fix comments inside template ([#9278](https://github.com/prettier/prettier/pull/9278) by [@fisker](https://github.com/fisker))
+#### Fix comments inside template literals with embedded syntax ([#9278](https://github.com/prettier/prettier/pull/9278) by [@fisker](https://github.com/fisker))
 
 <!-- prettier-ignore -->
 ```js
@@ -164,9 +188,9 @@ css`${
 }`;
 ```
 
-#### Improve formatting for `AssignmentExpression` with `ClassExpression` that has a long super class ([#9341](https://github.com/prettier/prettier/pull/9341) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+#### Improve formatting for assignments of classes with long superclass names ([#9341](https://github.com/prettier/prettier/pull/9341) by [@sosukesuzuki](https://github.com/sosukesuzuki))
 
-This improves the formatting for [Google Closure Library Namespace](https://developers.google.com/closure/library/docs/introduction#names).
+This improves the formatting for [Google Closure Library namespaces](https://developers.google.com/closure/library/docs/introduction#names).
 
 <!-- prettier-ignore -->
 ```js
@@ -198,7 +222,7 @@ aaaaaaaa.bbbbbbbb.cccccccc.dddddddd.eeeeeeee.ffffffff.gggggggg2 = class extends
 
 ```
 
-#### Fix placing leading comments for a body of while statement ([#9345](https://github.com/prettier/prettier/pull/9345) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+#### Fix placement of leading comments for bodies of `while` statements ([#9345](https://github.com/prettier/prettier/pull/9345) by [@sosukesuzuki](https://github.com/sosukesuzuki))
 
 <!-- prettier-ignore -->
 ```js
@@ -219,7 +243,7 @@ while (1)
 
 ```
 
-#### Update to `@babel/parser` 7.12 ([#9408](https://github.com/prettier/prettier/pull/9408), [#9476](https://github.com/prettier/prettier/pull/9476) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+#### Update to `@babel/parser` 7.12 ([#9408](https://github.com/prettier/prettier/pull/9408), [#9476](https://github.com/prettier/prettier/pull/9476), [#9597](https://github.com/prettier/prettier/pull/9597) by [@sosukesuzuki](https://github.com/sosukesuzuki))
 
 Updated the JavaScript parser to [`@babel/parser` 7.12](https://babeljs.io/blog/2020/10/15/7.12.0). This fixes several bugs and supports some new syntax.
 
@@ -228,15 +252,11 @@ Updated the JavaScript parser to [`@babel/parser` 7.12](https://babeljs.io/blog/
 [The "module attributes" proposal supported on 2.1](https://prettier.io/blog/2020/08/24/2.1.0.html#support-es-module-attributes-and-json-modules-8436httpsgithubcomprettierprettierpull8436-by-fiskerhttpsgithubcomfisker) has been significantly changed and also renamed to "import assertions".
 
 ```js
-import json from "./foo.json" assert { type: "json" };
+import foo from "./foo.json" assert { type: "json" };
 ```
 
 ##### Support imports and exports with string names
 
-<!-- TODO: Remove if the bug is fixed -->
-
-Due to a [bug in `@babel/parser`](https://github.com/babel/babel/issues/12209), Prettier can only use exports, but that will be fixed.
-
 ```js
 let happy = "happy";
 export { happy as "😃" };
@@ -258,7 +278,7 @@ class C {
 }
 ```
 
-#### Keep html and markdown invalid template literals as it is ([#9431](https://github.com/prettier/prettier/pull/9431) by [@fisker](https://github.com/fisker))
+#### Keep HTML and Markdown invalid template literals as is ([#9431](https://github.com/prettier/prettier/pull/9431) by [@fisker](https://github.com/fisker))
 
 <!-- prettier-ignore -->
 ```js
@@ -280,7 +300,7 @@ foo = html`\u{prettier}${foo}pr\u{0065}ttier`;
 foo = markdown`# \u{prettier}\u{0065}`;
 ```
 
-#### Fix `import {a as a}` and `export {a as a}` format ([#9435](https://github.com/prettier/prettier/pull/9435) by [@fisker](https://github.com/fisker))
+#### Fix formatting for `import {a as a}` and `export {a as a}` ([#9435](https://github.com/prettier/prettier/pull/9435) by [@fisker](https://github.com/fisker))
 
 <!-- prettier-ignore -->
 ```js
@@ -299,7 +319,7 @@ export { b as b } from "b";
 
 ### TypeScript
 
-#### Preserve a last separator for ignored object and interface types ([#9318](https://github.com/prettier/prettier/pull/9318) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+#### Preserve the last separator in ignored object types and interfaces ([#9318](https://github.com/prettier/prettier/pull/9318) by [@sosukesuzuki](https://github.com/sosukesuzuki))
 
 <!-- prettier-ignore -->
 ```ts
@@ -322,7 +342,7 @@ let x: {
 };
 ```
 
-#### Add parens to object value that it's an assignment ([#9484](https://github.com/prettier/prettier/pull/9484) by [@fisker](https://github.com/fisker))
+#### Add parens around assignments in object literal properties ([#9484](https://github.com/prettier/prettier/pull/9484) by [@fisker](https://github.com/fisker))
 
 <!-- prettier-ignore -->
 ```ts
@@ -336,7 +356,7 @@ foo = { bar: a = b };
 foo = { bar: (a = b) };
 ```
 
-#### Fix inconsistent type format between `typescript` and `flow` ([#9521](https://github.com/prettier/prettier/pull/9521) by [@fisker](https://github.com/fisker))
+#### Fix inconsistencies in formatting of types between `typescript` and `flow` ([#9521](https://github.com/prettier/prettier/pull/9521) by [@fisker](https://github.com/fisker))
 
 <!-- prettier-ignore -->
 ```ts
@@ -383,7 +403,7 @@ f<T>({ 2: 2 });
 f<T>({ "2": 2 });
 ```
 
-#### Flow Enums with unknown members ([#9432](https://github.com/prettier/prettier/pull/9432) by [@gkz](https://github.com/gkz))
+#### Enums with unknown members ([#9432](https://github.com/prettier/prettier/pull/9432) by [@gkz](https://github.com/gkz))
 
 Previously, was not supported. Now, the following is formatted:
 
@@ -406,9 +426,7 @@ enum E {
 }
 ```
 
-#### Flow `this` annotations ([#9457](https://github.com/prettier/prettier/pull/9457) by [@dsainati1](https://github.com/dsainati1), [#9489](https://github.com/prettier/prettier/pull/9489) by [@fisker](https://github.com/fisker))
-
-Add support for `this` parameter annotations in Flow.
+#### `this` parameter annotations ([#9457](https://github.com/prettier/prettier/pull/9457) by [@dsainati1](https://github.com/dsainati1), [#9489](https://github.com/prettier/prettier/pull/9489) by [@fisker](https://github.com/fisker))
 
 <!-- prettier-ignore -->
 ```jsx
@@ -449,7 +467,7 @@ const foo: bigint = 1n;
 const bar: baz<1n> = 1n;
 ```
 
-#### Treat more types as "simple" type ([#9543](https://github.com/prettier/prettier/pull/9543) by [@fisker](https://github.com/fisker))
+#### Treat more simple types as non-breaking in generic type annotations ([#9543](https://github.com/prettier/prettier/pull/9543) by [@fisker](https://github.com/fisker))
 
 <!-- prettier-ignore -->
 ```jsx
@@ -562,7 +580,7 @@ TypeError: Cannot read property 'line' of undefined
 
 ### Vue
 
-#### Fix inconsistent `v-for` format ([#9225](https://github.com/prettier/prettier/pull/9225) by [@zweimach](https://github.com/zweimach))
+#### Fix inconsistent formatting for `v-for` ([#9225](https://github.com/prettier/prettier/pull/9225) by [@zweimach](https://github.com/zweimach))
 
 <!-- prettier-ignore -->
 ```vue
@@ -654,7 +672,7 @@ TypeError: Cannot read property 'line' of undefined
 
 ### Markdown
 
-#### Fix missing blank lines in fenced code block without end mark ([#8786](https://github.com/prettier/prettier/pull/8786) by [@fisker](https://github.com/fisker))
+#### Fix missing blank lines in fenced code blocks lacking the closing fence ([#8786](https://github.com/prettier/prettier/pull/8786) by [@fisker](https://github.com/fisker))
 
 <!-- prettier-ignore -->
 ```markdown
@@ -667,7 +685,7 @@ require("prettier").format("```a\n\n\n\n", { parser: "markdown" });
 '```a\n\n\n\n```\n'
 ```
 
-#### Add support for [[wiki-style]] links in markdown ([#9275](https://github.com/prettier/prettier/pull/9275) by [@iamrecursion](https://github.com/iamrecursion))
+#### Add support for `[[wiki-style]]` links ([#9275](https://github.com/prettier/prettier/pull/9275) by [@iamrecursion](https://github.com/iamrecursion))
 
 1.  Support for `[[wiki-style]]` links ensures that they do not get broken by
     the prettier formatting by being wrapped over multiple lines.
@@ -730,7 +748,7 @@ console.log    (    "hello world"    );
 
 ### MDX
 
-#### Fix JSX format ([#9267](https://github.com/prettier/prettier/pull/9267) by [@fisker](https://github.com/fisker))
+#### Fix extra empty lines in JSX ([#9267](https://github.com/prettier/prettier/pull/9267) by [@fisker](https://github.com/fisker))
 
 <!-- prettier-ignore -->
 ```markdown
@@ -788,9 +806,11 @@ Checking formatting...
 All matched files use Prettier code style!
 ```
 
-#### Move [pre-commit](https://github.com/pre-commit/pre-commit) support to [github.com/prettier/pre-commit](https://github.com/prettier/pre-commit) ([#8937](https://github.com/prettier/prettier/pull/8937) by [@FloChehab](https://github.com/FloChehab))
+### CLI
+
+#### Move [pre-commit](https://github.com/pre-commit/pre-commit) support to github.com/prettier/pre-commit ([#8937](https://github.com/prettier/prettier/pull/8937) by [@FloChehab](https://github.com/FloChehab))
 
-`pre-commit` support has moved to the new repository https://github.com/prettier/pre-commit, please update your `.pre-commit-config.yaml` file
+`pre-commit` support has moved to the new repository https://github.com/prettier/pre-commit, please update your `.pre-commit-config.yaml` file .
 
 ```diff
 - - repo: https://github.com/prettier/prettier
@@ -801,9 +821,7 @@ All matched files use Prettier code style!
      - id: prettier
 ```
 
-### CLI
-
-#### Fix error on dir or file that name is a number ([#9298](https://github.com/prettier/prettier/pull/9298) by [@fisker](https://github.com/fisker))
+#### Fix: error on directories and files with numeric names ([#9298](https://github.com/prettier/prettier/pull/9298) by [@fisker](https://github.com/fisker))
 
 <!-- prettier-ignore -->
 ```console

From 74c5bd11b3567827af1788f9ceca4c62fda677e1 Mon Sep 17 00:00:00 2001
From: fisker Cheung <lionkay@gmail.com>
Date: Mon, 16 Nov 2020 18:03:28 +0800
Subject: [PATCH 12/17] Move pre-commit support to pre-commit repo

---
 changelog_unreleased/cli/pr-8937.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/changelog_unreleased/cli/pr-8937.md b/changelog_unreleased/cli/pr-8937.md
index fb39847d18eb..ad053189be2b 100644
--- a/changelog_unreleased/cli/pr-8937.md
+++ b/changelog_unreleased/cli/pr-8937.md
@@ -1,10 +1,10 @@
-#### Move [pre-commit](https://github.com/pre-commit/pre-commit) support to github.com/prettier/pre-commit ([#8937](https://github.com/prettier/prettier/pull/8937) by [@FloChehab](https://github.com/FloChehab))
+#### Move [pre-commit](https://github.com/pre-commit/pre-commit) support to github.com/pre-commit/mirrors-prettier ([#8937](https://github.com/prettier/prettier/pull/8937) by [@FloChehab](https://github.com/FloChehab))
 
-`pre-commit` support has moved to the new repository https://github.com/prettier/pre-commit, please update your `.pre-commit-config.yaml` file .
+`pre-commit` support has moved to https://github.com/pre-commit/mirrors-prettier, please update your `.pre-commit-config.yaml` file .
 
 ```diff
 - - repo: https://github.com/prettier/prettier
-+ - repo: https://github.com/prettier/pre-commit
++ - repo: https://github.com/pre-commit/mirrors-prettier
 -   rev: "2.2.0"
 +   rev: "v2.2.0"
     hooks:

From 4fa5a01c5c8196c04ce5092e0532b09f85b035ce Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Thu, 19 Nov 2020 15:47:14 +0900
Subject: [PATCH 13/17] Fix BLOG_POST_INTRO_TEMPLATE.md

---
 changelog_unreleased/BLOG_POST_INTRO_TEMPLATE.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/changelog_unreleased/BLOG_POST_INTRO_TEMPLATE.md b/changelog_unreleased/BLOG_POST_INTRO_TEMPLATE.md
index 166e4bd1ae35..726b44873a4c 100644
--- a/changelog_unreleased/BLOG_POST_INTRO_TEMPLATE.md
+++ b/changelog_unreleased/BLOG_POST_INTRO_TEMPLATE.md
@@ -1,7 +1,7 @@
 ---
-author: "Sosuke Suzuki (@sosukesuzuki)"
-authorURL: "https://github.com/sosukesuzuki"
-title: "Prettier 2.2: new JavaScript parsers, TS 4.1 and ESM standalone bundles"
+author: "🚧"
+authorURL: "https://github.com/🚧"
+title: "Prettier 🚧"
 ---
 
-This release supports new JavaScript parsers [espree](https://github.com/eslint/espree) and [meriyah](https://github.com/meriyah/meriyah), supports [TypeScript 4.1](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/), ships ESM standalone bundles for modern browsers, and includes many bug fixes and improvements!
+🚧 Write an introduction here.

From 41d807c33d9a205923a970683e64126d758acef1 Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Thu, 19 Nov 2020 15:48:35 +0900
Subject: [PATCH 14/17] re-generate draft

---
 changelog_unreleased/blog-post-intro.md       |   7 +
 ...020-11-10-2.2.0.md => 2020-11-19-2.2.0.md} | 349 ++++++++++++++++--
 2 files changed, 330 insertions(+), 26 deletions(-)
 create mode 100644 changelog_unreleased/blog-post-intro.md
 rename website/blog/{2020-11-10-2.2.0.md => 2020-11-19-2.2.0.md} (74%)

diff --git a/changelog_unreleased/blog-post-intro.md b/changelog_unreleased/blog-post-intro.md
new file mode 100644
index 000000000000..166e4bd1ae35
--- /dev/null
+++ b/changelog_unreleased/blog-post-intro.md
@@ -0,0 +1,7 @@
+---
+author: "Sosuke Suzuki (@sosukesuzuki)"
+authorURL: "https://github.com/sosukesuzuki"
+title: "Prettier 2.2: new JavaScript parsers, TS 4.1 and ESM standalone bundles"
+---
+
+This release supports new JavaScript parsers [espree](https://github.com/eslint/espree) and [meriyah](https://github.com/meriyah/meriyah), supports [TypeScript 4.1](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/), ships ESM standalone bundles for modern browsers, and includes many bug fixes and improvements!
diff --git a/website/blog/2020-11-10-2.2.0.md b/website/blog/2020-11-19-2.2.0.md
similarity index 74%
rename from website/blog/2020-11-10-2.2.0.md
rename to website/blog/2020-11-19-2.2.0.md
index 40e589e745c6..e6f52e44507c 100644
--- a/website/blog/2020-11-10-2.2.0.md
+++ b/website/blog/2020-11-19-2.2.0.md
@@ -24,29 +24,7 @@ Two new values for the `parser` option has been added:
 
 ### TypeScript
 
-#### Support TypeScript 4.1 via Babel ([#9473](https://github.com/prettier/prettier/pull/9473) by [@sosukesuzuki](https://github.com/sosukesuzuki))
-
-If you want to format [TypeScript 4.1](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/) features, please update your configuration file to use the `babel-ts` parser as below:
-
-```diff
-// .prettierrc
-{
-+  "overrides": [
-+    {
-+      "files": "*.ts",
-+      "options": {
-+        "parser": "babel-ts"
-+      }
-+    }
-+  ]
-}
-```
-
-The overrides configuration should be kept until the default `typescript` parser supports TypeScript 4.1 features. Probably it can be removed when 2.3 is released.
-
-See documentation for [Configuration Overrides](https://prettier.io/docs/en/configuration.html#configuration-overrides) and [Parser Options](https://prettier.io/docs/en/options.html#parser) for detail.
-
-If you don't use TypeScript 4.1, no additional configuration is required.
+#### Support TypeScript 4.1 ([#9473](https://github.com/prettier/prettier/pull/9473), [#9636](https://github.com/prettier/prettier/pull/9636) by [@sosukesuzuki](https://github.com/sosukesuzuki))
 
 ##### [Key Remapping In Mapped Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/#key-remapping-in-mapped-types)
 
@@ -317,6 +295,68 @@ import { a as a } from "a";
 export { b as b } from "b";
 ```
 
+#### Fix formatting of yielded JSX expressions ([#9650](https://github.com/prettier/prettier/pull/9650) by [@brainkim](https://github.com/brainkim))
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+function* f() {
+  yield <div>generator</div>
+}
+// Prettier 2.1
+function* f() {
+  yield (<div>generator</div>);
+}
+// Prettier 2.2
+function* f() {
+  yield <div>generator</div>;
+}
+```
+
+#### Flatten function expression parameters in hugged last argument ([#9662](https://github.com/prettier/prettier/pull/9662) by [@thorn0](https://github.com/thorn0))
+
+<!-- prettier-ignore -->
+```jsx
+// Prettier 2.1
+function* mySagas() {
+  yield effects.takeEvery(rexpress.actionTypes.REQUEST_START, function* ({
+    id
+  }) {
+    console.log(id);
+    yield rexpress.actions(store).writeHead(id, 400);
+    yield rexpress.actions(store).end(id, "pong");
+    console.log("pong");
+  });
+}
+
+// Prettier 2.2
+function* mySagas() {
+  yield effects.takeEvery(
+    rexpress.actionTypes.REQUEST_START,
+    function* ({ id }) {
+      console.log(id);
+      yield rexpress.actions(store).writeHead(id, 400);
+      yield rexpress.actions(store).end(id, "pong");
+      console.log("pong");
+    }
+  );
+}
+```
+
+#### Fix crash on `require(/* comment */)` ([#9670](https://github.com/prettier/prettier/pull/9670) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+require(/* comment */)
+
+// Prettier 2.1
+Error: Comment "comment" was not printed. Please report this error!
+
+// Prettier 2.2
+require(/* comment */);
+```
+
 ### TypeScript
 
 #### Preserve the last separator in ignored object types and interfaces ([#9318](https://github.com/prettier/prettier/pull/9318) by [@sosukesuzuki](https://github.com/sosukesuzuki))
@@ -382,6 +422,29 @@ const name: SomeGeneric<
 > = null;
 ```
 
+#### Fix `prettier-ignore`d mapped types ([#9551](https://github.com/prettier/prettier/pull/9551) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```ts
+// Input
+type a= {
+    // prettier-ignore
+    [A in B]: C  |  D
+  }
+
+// Prettier 2.2
+type a = {
+  // prettier-ignore
+  A in B: C | D;
+};
+
+// Prettier 2.1
+type a = {
+    // prettier-ignore
+    [A in B]: C  |  D
+  };
+```
+
 ### Flow
 
 #### Switch the `babel` parser to `babel-flow` if the `@flow` pragma is found ([#9071](https://github.com/prettier/prettier/pull/9071) by [@fisker](https://github.com/fisker))
@@ -638,6 +701,80 @@ TypeError: Cannot read property 'line' of undefined
 </template>
 ```
 
+#### Fix inconsistent formatting for slots, support Vue 3 `script[setup]` and `style[vars]` ([#9609](https://github.com/prettier/prettier/pull/9609) by [@fisker](https://github.com/fisker))
+
+- [SFC Composition API Syntax Sugar (`<script setup>`)](https://github.com/vuejs/rfcs/blob/sfc-improvements/active-rfcs/0000-sfc-script-setup.md)
+- [SFC State-driven CSS Variables (`<style vars>`)](https://github.com/vuejs/rfcs/blob/sfc-improvements/active-rfcs/0000-sfc-style-variables.md)
+
+<!-- prettier-ignore -->
+```vue
+<!-- Input -->
+<script setup="props, {emit }"></script>
+<style vars="{color }"></style>
+<template>
+  <div>
+<div v-slot="{destructuring:{   a:{b}}}"/>
+<div v-slot:name="{destructuring:{   a:{b}}}"/>
+<div #default="{destructuring:{   a:{b}}}"/>
+<slot slot-scope="{destructuring:{   a:{b}}}"/>
+</div>
+</template>
+
+<!-- Prettier 2.1 -->
+<script setup="props, {emit }"></script>
+<style vars="{color }"></style>
+<template>
+  <div>
+    <div v-slot="{ destructuring: { a: { b } } }" />
+    <div v-slot:name="{ destructuring: { a: { b } } }" />
+    <div #default="{ destructuring: { a: { b } } }" />
+    <slot
+      slot-scope="{
+        destructuring: {
+          a: { b },
+        },
+      }"
+    />
+  </div>
+</template>
+
+<!-- Prettier 2.2 -->
+<script setup="props, { emit }"></script>
+<style vars="{ color }"></style>
+<template>
+  <div>
+    <div
+      v-slot="{
+        destructuring: {
+          a: { b },
+        },
+      }"
+    />
+    <div
+      v-slot:name="{
+        destructuring: {
+          a: { b },
+        },
+      }"
+    />
+    <div
+      #default="{
+        destructuring: {
+          a: { b },
+        },
+      }"
+    />
+    <slot
+      slot-scope="{
+        destructuring: {
+          a: { b },
+        },
+      }"
+    />
+  </div>
+</template>
+```
+
 ### Handlebars (alpha)
 
 #### Fix unstable newlines after `<Textarea />` ([#9403](https://github.com/prettier/prettier/pull/9403) by [@fisker](https://github.com/fisker), fixes in `simple-html-tokenizer` by [@rwjblue](https://github.com/rwjblue))
@@ -672,6 +809,26 @@ TypeError: Cannot read property 'line' of undefined
 
 ### Markdown
 
+#### Update remark-math to 3.0.1; escape dollar signs only if originally escaped ([#7938](https://github.com/prettier/prettier/pull/7938) by [@fisker](https://github.com/fisker) and [@thorn0](https://github.com/thorn0))
+
+<!-- prettier-ignore -->
+```markdown
+<!-- Input -->
+Paragraph with $14 million.
+
+Paragraph with $14 million.    But if more $dollars on the same line...
+
+<!-- Prettier 2.1 -->
+Paragraph with \$14 million.
+
+Paragraph with $14 million.    But if more $dollars on the same line...
+
+<!-- Prettier 2.2 -->
+Paragraph with $14 million.
+
+Paragraph with $14 million. But if more $dollars on the same line...
+```
+
 #### Fix missing blank lines in fenced code blocks lacking the closing fence ([#8786](https://github.com/prettier/prettier/pull/8786) by [@fisker](https://github.com/fisker))
 
 <!-- prettier-ignore -->
@@ -746,6 +903,36 @@ console.log    (    "hello world"    );
 ```
 ````
 
+#### Fix extra empty line added after empty table ([#9654](https://github.com/prettier/prettier/pull/9654) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```markdown
+<!-- Input -->
+Test line 1
+
+| Specify the selected option : | Option 1 |
+| ----------------------------- | -------- |
+
+Test line 6
+
+<!-- Prettier 2.1 -->
+Test line 1
+
+| Specify the selected option : | Option 1 |
+| ----------------------------- | -------- |
+
+
+Test line 6
+
+<!-- Prettier 2.2 -->
+Test line 1
+
+| Specify the selected option : | Option 1 |
+| ----------------------------- | -------- |
+
+Test line 6
+```
+
 ### MDX
 
 #### Fix extra empty lines in JSX ([#9267](https://github.com/prettier/prettier/pull/9267) by [@fisker](https://github.com/fisker))
@@ -784,6 +971,116 @@ text
 </Jsx>
 ```
 
+### YAML
+
+#### Apply `trailingComma` option ([#9665](https://github.com/prettier/prettier/pull/9665) by [@fisker](https://github.com/fisker))
+
+When `--trailing-comma=none`, should not add trailing comma to flowMapping and flowSequence.
+
+<!-- prettier-ignore -->
+```yaml
+# Input
+flow-mapping:
+  {
+    "object-does-not-fit-within-print-width": "------",
+    "TEST": "comma IS added here"
+  }
+flow-sequence:
+  [
+    "object-does-not-fit-within-print-width", "------",
+    "TEST", "comma IS added here"
+  ]
+
+# Prettier 2.1
+mapping:
+  {
+    "object-does-not-fit-within-print-width": "------",
+    "TEST": "comma IS added here",
+  }
+flow-sequence:
+  [
+    "object-does-not-fit-within-print-width",
+    "------",
+    "TEST",
+    "comma IS added here",
+  ]
+
+# Prettier 2.2
+flow-mapping:
+  {
+    "object-does-not-fit-within-print-width": "------",
+    "TEST": "comma IS added here"
+  }
+flow-sequence:
+  [
+    "object-does-not-fit-within-print-width",
+    "------",
+    "TEST",
+    "comma IS added here"
+  ]
+```
+
+#### Fix comments inside `flowMapping` and `flowSequence` ([#9669](https://github.com/prettier/prettier/pull/9669) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```yaml
+# Input
+a:
+  [
+    a, b,
+    # comment
+  ]
+
+b:
+  # prettier-ignore
+  {
+    a: 1, b: 2,
+    # comment
+  }
+
+# Prettier 2.1
+a: [a, b]
+  # comment
+
+b:
+  # prettier-ignore
+  {
+    a: 1, b: 2,
+    # comment
+  }
+  # comment
+
+
+# Prettier 2.1 (second format)
+a:
+  [a, b]
+  # comment
+
+b:
+  # prettier-ignore
+  {
+    a: 1, b: 2,
+    # comment
+  }
+  # comment
+  # comment
+
+
+# Prettier 2.2
+a: [
+    a,
+    b,
+    # comment
+  ]
+
+b:
+  # prettier-ignore
+  {
+    a: 1, b: 2,
+    # comment
+  }
+```
+
 ### API
 
 #### Stop inferring the parser to be `json` for `.jsonl` files ([#9371](https://github.com/prettier/prettier/pull/9371) by [@fisker](https://github.com/fisker))
@@ -808,13 +1105,13 @@ All matched files use Prettier code style!
 
 ### CLI
 
-#### Move [pre-commit](https://github.com/pre-commit/pre-commit) support to github.com/prettier/pre-commit ([#8937](https://github.com/prettier/prettier/pull/8937) by [@FloChehab](https://github.com/FloChehab))
+#### Move [pre-commit](https://github.com/pre-commit/pre-commit) support to github.com/pre-commit/mirrors-prettier ([#8937](https://github.com/prettier/prettier/pull/8937) by [@FloChehab](https://github.com/FloChehab))
 
-`pre-commit` support has moved to the new repository https://github.com/prettier/pre-commit, please update your `.pre-commit-config.yaml` file .
+`pre-commit` support has moved to https://github.com/pre-commit/mirrors-prettier, please update your `.pre-commit-config.yaml` file .
 
 ```diff
 - - repo: https://github.com/prettier/prettier
-+ - repo: https://github.com/prettier/pre-commit
++ - repo: https://github.com/pre-commit/mirrors-prettier
 -   rev: "2.2.0"
 +   rev: "v2.2.0"
     hooks:

From c99d2741ee4474e39cd0051f71e621d807ea84bd Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Fri, 20 Nov 2020 10:26:47 +0900
Subject: [PATCH 15/17] Fix switching versions and re-generate draft

---
 changelog_unreleased/flow/pr-9543.md          |  4 +--
 changelog_unreleased/flow/pr-9563.md          |  4 +--
 changelog_unreleased/typescript/pr-9473.md    |  8 ++---
 changelog_unreleased/typescript/pr-9484.md    |  4 +--
 changelog_unreleased/typescript/pr-9521.md    |  6 ++--
 changelog_unreleased/typescript/pr-9551.md    |  4 +--
 ...020-11-19-2.2.0.md => 2020-11-20-2.2.0.md} | 30 +++++++++----------
 7 files changed, 30 insertions(+), 30 deletions(-)
 rename website/blog/{2020-11-19-2.2.0.md => 2020-11-20-2.2.0.md} (99%)

diff --git a/changelog_unreleased/flow/pr-9543.md b/changelog_unreleased/flow/pr-9543.md
index bc6582b498fa..c328264ae0f1 100644
--- a/changelog_unreleased/flow/pr-9543.md
+++ b/changelog_unreleased/flow/pr-9543.md
@@ -7,7 +7,7 @@ const foo1: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
 const foo2: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<"STRING"> = a;
 const foo3: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<0> = a;
 
-// Prettier master
+// Prettier stable
 const foo1: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<
   symbol
 > = a;
@@ -18,7 +18,7 @@ const foo3: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
   0
 > = a;
 
-// Prettier stable (typescript and flow parser)
+// Prettier master (typescript and flow parser)
 const foo1: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<symbol> = a
 const foo2: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<"STRING"> = a;
 const foo3: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<0> = a;
diff --git a/changelog_unreleased/flow/pr-9563.md b/changelog_unreleased/flow/pr-9563.md
index 8260bb391b9f..0c843229d70b 100644
--- a/changelog_unreleased/flow/pr-9563.md
+++ b/changelog_unreleased/flow/pr-9563.md
@@ -8,13 +8,13 @@ class Foo {
   bar( data: Array<string>) {}
 }
 
-// Prettier master
+// Prettier stable
 foo/*:: <bar> */(baz);
 class Foo {
   bar(data: Array/*:: <string> */) {}
 }
 
-// Prettier stable
+// Prettier master
 foo/*:: <bar> */(baz);
 class Foo {
   bar(data: Array<string>) {}
diff --git a/changelog_unreleased/typescript/pr-9473.md b/changelog_unreleased/typescript/pr-9473.md
index 4338420e05cc..4c1f731c034f 100644
--- a/changelog_unreleased/typescript/pr-9473.md
+++ b/changelog_unreleased/typescript/pr-9473.md
@@ -8,14 +8,14 @@ type MappedTypeWithNewKeys<T> = {
   [K in keyof T as NewKeyType]: T[K]
 };
 
-// Prettier master
+// Prettier stable
 SyntaxError: Unexpected token, expected "]" (2:17)
   1 | type MappedTypeWithNewKeys<T> = {
 > 2 |   [K in keyof T as NewKeyType]: T[K]
     |                 ^
   3 | };
 
-// Prettier stable
+// Prettier master
 type MappedTypeWithNewKeys<T> = {
   [K in keyof T as NewKeyType]: T[K]
 };
@@ -27,12 +27,12 @@ type MappedTypeWithNewKeys<T> = {
 // Input
 type HelloWorld = `Hello, ${keyof World}`
 
-// Prettier master
+// Prettier stable
 SyntaxError: Unexpected token, expected "}" (1:35)
 > 1 | type HelloWorld = `Hello, ${keyof World}`
     |                                   ^
 
-// Prettier stable
+// Prettier master
 type HelloWorld = `Hello, ${keyof World}`;
 
 ```
diff --git a/changelog_unreleased/typescript/pr-9484.md b/changelog_unreleased/typescript/pr-9484.md
index 7b2634ce716a..5b0ad899a0e8 100644
--- a/changelog_unreleased/typescript/pr-9484.md
+++ b/changelog_unreleased/typescript/pr-9484.md
@@ -5,9 +5,9 @@
 // Input
 foo = { bar: (a = b) };
 
-// Prettier master
+// Prettier stable
 foo = { bar: a = b };
 
-// Prettier stable
+// Prettier master
 foo = { bar: (a = b) };
 ```
diff --git a/changelog_unreleased/typescript/pr-9521.md b/changelog_unreleased/typescript/pr-9521.md
index 9d63819f9daf..6229c17cf06d 100644
--- a/changelog_unreleased/typescript/pr-9521.md
+++ b/changelog_unreleased/typescript/pr-9521.md
@@ -7,18 +7,18 @@ const name: SomeGeneric<
   Pick<Config, "ONE_LONG_PROP" | "ANOTHER_LONG_PROP">
 > = null;
 
-// Prettier master (--parser=typescript)
+// Prettier stable (--parser=typescript)
 const name: SomeGeneric<Pick<
   Config,
   "ONE_LONG_PROP" | "ANOTHER_LONG_PROP"
 >> = null;
 
-// Prettier master (--parser=flow)
+// Prettier stable (--parser=flow)
 const name: SomeGeneric<
   Pick<Config, "ONE_LONG_PROP" | "ANOTHER_LONG_PROP">
 > = null;
 
-// Prettier stable (typescript and flow parser)
+// Prettier master (typescript and flow parser)
 const name: SomeGeneric<
   Pick<Config, "ONE_LONG_PROP" | "ANOTHER_LONG_PROP">
 > = null;
diff --git a/changelog_unreleased/typescript/pr-9551.md b/changelog_unreleased/typescript/pr-9551.md
index 77ffc2676f6f..83394a7f8a91 100644
--- a/changelog_unreleased/typescript/pr-9551.md
+++ b/changelog_unreleased/typescript/pr-9551.md
@@ -8,13 +8,13 @@ type a= {
     [A in B]: C  |  D
   }
 
-// Prettier master
+// Prettier stable
 type a = {
   // prettier-ignore
   A in B: C | D;
 };
 
-// Prettier stable
+// Prettier master
 type a = {
     // prettier-ignore
     [A in B]: C  |  D
diff --git a/website/blog/2020-11-19-2.2.0.md b/website/blog/2020-11-20-2.2.0.md
similarity index 99%
rename from website/blog/2020-11-19-2.2.0.md
rename to website/blog/2020-11-20-2.2.0.md
index e6f52e44507c..1992acb4bbdb 100644
--- a/website/blog/2020-11-19-2.2.0.md
+++ b/website/blog/2020-11-20-2.2.0.md
@@ -34,14 +34,14 @@ type MappedTypeWithNewKeys<T> = {
   [K in keyof T as NewKeyType]: T[K]
 };
 
-// Prettier 2.2
+// Prettier 2.1
 SyntaxError: Unexpected token, expected "]" (2:17)
   1 | type MappedTypeWithNewKeys<T> = {
 > 2 |   [K in keyof T as NewKeyType]: T[K]
     |                 ^
   3 | };
 
-// Prettier 2.1
+// Prettier 2.2
 type MappedTypeWithNewKeys<T> = {
   [K in keyof T as NewKeyType]: T[K]
 };
@@ -53,12 +53,12 @@ type MappedTypeWithNewKeys<T> = {
 // Input
 type HelloWorld = `Hello, ${keyof World}`
 
-// Prettier 2.2
+// Prettier 2.1
 SyntaxError: Unexpected token, expected "}" (1:35)
 > 1 | type HelloWorld = `Hello, ${keyof World}`
     |                                   ^
 
-// Prettier 2.1
+// Prettier 2.2
 type HelloWorld = `Hello, ${keyof World}`;
 
 ```
@@ -389,10 +389,10 @@ let x: {
 // Input
 foo = { bar: (a = b) };
 
-// Prettier 2.2
+// Prettier 2.1
 foo = { bar: a = b };
 
-// Prettier 2.1
+// Prettier 2.2
 foo = { bar: (a = b) };
 ```
 
@@ -405,18 +405,18 @@ const name: SomeGeneric<
   Pick<Config, "ONE_LONG_PROP" | "ANOTHER_LONG_PROP">
 > = null;
 
-// Prettier 2.2 (--parser=typescript)
+// Prettier 2.1 (--parser=typescript)
 const name: SomeGeneric<Pick<
   Config,
   "ONE_LONG_PROP" | "ANOTHER_LONG_PROP"
 >> = null;
 
-// Prettier 2.2 (--parser=flow)
+// Prettier 2.1 (--parser=flow)
 const name: SomeGeneric<
   Pick<Config, "ONE_LONG_PROP" | "ANOTHER_LONG_PROP">
 > = null;
 
-// Prettier 2.1 (typescript and flow parser)
+// Prettier 2.2 (typescript and flow parser)
 const name: SomeGeneric<
   Pick<Config, "ONE_LONG_PROP" | "ANOTHER_LONG_PROP">
 > = null;
@@ -432,13 +432,13 @@ type a= {
     [A in B]: C  |  D
   }
 
-// Prettier 2.2
+// Prettier 2.1
 type a = {
   // prettier-ignore
   A in B: C | D;
 };
 
-// Prettier 2.1
+// Prettier 2.2
 type a = {
     // prettier-ignore
     [A in B]: C  |  D
@@ -539,7 +539,7 @@ const foo1: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
 const foo2: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<"STRING"> = a;
 const foo3: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<0> = a;
 
-// Prettier 2.2
+// Prettier 2.1
 const foo1: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<
   symbol
 > = a;
@@ -550,7 +550,7 @@ const foo3: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
   0
 > = a;
 
-// Prettier 2.1 (typescript and flow parser)
+// Prettier 2.2 (typescript and flow parser)
 const foo1: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<symbol> = a
 const foo2: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<"STRING"> = a;
 const foo3: Fooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<0> = a;
@@ -589,13 +589,13 @@ class Foo {
   bar( data: Array<string>) {}
 }
 
-// Prettier 2.2
+// Prettier 2.1
 foo/*:: <bar> */(baz);
 class Foo {
   bar(data: Array/*:: <string> */) {}
 }
 
-// Prettier 2.1
+// Prettier 2.2
 foo/*:: <bar> */(baz);
 class Foo {
   bar(data: Array<string>) {}

From f1dbb23caffe7a3eb5e4cafe01d78005bc883939 Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Fri, 20 Nov 2020 11:38:03 +0900
Subject: [PATCH 16/17] Update links for TS 4.1

---
 changelog_unreleased/typescript/pr-9473.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/changelog_unreleased/typescript/pr-9473.md b/changelog_unreleased/typescript/pr-9473.md
index 4c1f731c034f..bba25de1bed1 100644
--- a/changelog_unreleased/typescript/pr-9473.md
+++ b/changelog_unreleased/typescript/pr-9473.md
@@ -1,6 +1,6 @@
-#### [HIGHLIGHT]Support TypeScript 4.1 (#9473, #9636 by @sosukesuzuki)
+#### [HIGHLIGHT]Support [TypeScript 4.1](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/) (#9473, #9636 by @sosukesuzuki)
 
-##### [Key Remapping In Mapped Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/#key-remapping-in-mapped-types)
+##### [Key Remapping In Mapped Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/#key-remapping-in-mapped-types)
 
 ```ts
 // Input
@@ -21,7 +21,7 @@ type MappedTypeWithNewKeys<T> = {
 };
 ```
 
-##### [Template Literal Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/#template-literal-types)
+##### [Template Literal Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/#template-literal-types)
 
 ```ts
 // Input

From 0042a13e770529a2168d1877e5abd407ed6d9602 Mon Sep 17 00:00:00 2001
From: sosukesuzuki <aosukeke@gmail.com>
Date: Fri, 20 Nov 2020 11:38:27 +0900
Subject: [PATCH 17/17] Update draft

---
 website/blog/2020-11-20-2.2.0.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/blog/2020-11-20-2.2.0.md b/website/blog/2020-11-20-2.2.0.md
index 1992acb4bbdb..03f05691e562 100644
--- a/website/blog/2020-11-20-2.2.0.md
+++ b/website/blog/2020-11-20-2.2.0.md
@@ -24,9 +24,9 @@ Two new values for the `parser` option has been added:
 
 ### TypeScript
 
-#### Support TypeScript 4.1 ([#9473](https://github.com/prettier/prettier/pull/9473), [#9636](https://github.com/prettier/prettier/pull/9636) by [@sosukesuzuki](https://github.com/sosukesuzuki))
+#### Support [TypeScript 4.1](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/) ([#9473](https://github.com/prettier/prettier/pull/9473), [#9636](https://github.com/prettier/prettier/pull/9636) by [@sosukesuzuki](https://github.com/sosukesuzuki))
 
-##### [Key Remapping In Mapped Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/#key-remapping-in-mapped-types)
+##### [Key Remapping In Mapped Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/#key-remapping-in-mapped-types)
 
 ```ts
 // Input
@@ -47,7 +47,7 @@ type MappedTypeWithNewKeys<T> = {
 };
 ```
 
-##### [Template Literal Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-rc/#template-literal-types)
+##### [Template Literal Types](https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/#template-literal-types)
 
 ```ts
 // Input