fix: no semi for readonly class field (#16133)

Co-authored-by: Sosuke Suzuki <sosuke.suzuki@dr-ubie.com>

changelog_unreleased/typescript/16133.md

@@ -0,0 +1,22 @@
+#### Respect `--no-semi` for readonly class field (#16133 by @sxzz)
+
+<!-- prettier-ignore -->
+```tsx
+// Input
+class A {
+  field
+  readonly [expr] = true
+}
+
+// Prettier stable
+class A {
+  field;
+  readonly [expr] = true
+}
+
+// Prettier main
+class A {
+  field
+  readonly [expr] = true
+}
+```

src/language-js/print/class.js

@@ -323,7 +323,8 @@ function shouldPrintSemicolonAfterClassProperty(node, nextNode) {
 
   if (
     nextNode.static ||
-    nextNode.accessibility // TypeScript
+    nextNode.accessibility || // TypeScript
+    nextNode.readonly // TypeScript
   ) {
     return false;
   }

tests/format/typescript/no-semi/__snapshots__/jsfmt.spec.js.snap

@@ -16,6 +16,7 @@ class A {
 
   bar: A;
   private [baz]
+  readonly [qux]
 }
 
 =====================================output=====================================
@@ -28,6 +29,7 @@ class A {
 
   bar: A
   private [baz]
+  readonly [qux]
 }
 
 ================================================================================
@@ -48,6 +50,7 @@ class A {
 
   bar: A;
   private [baz]
+  readonly [qux]
 }
 
 =====================================output=====================================
@@ -60,6 +63,7 @@ class A {
 
   bar: A;
   private [baz];
+  readonly [qux];
 }
 
 ================================================================================

tests/format/typescript/no-semi/no-semi.ts

@@ -7,4 +7,5 @@ class A {
 
   bar: A;
   private [baz]
+  readonly [qux]
 }