@typescript-eslint/eslint-plugin 7.2.1-alpha.2 → 7.2.1-alpha.4

package/docs/rules/{key-spacing.md → key-spacing.mdx}

@@ -2,6 +2,9 @@
 description: 'Enforce consistent spacing between property names and type annotations in types and interfaces.'
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > 🛑 This file is source code, not the primary documentation location! 🛑
 >
 > See **https://typescript-eslint.io/rules/key-spacing** for documentation.

package/docs/rules/{keyword-spacing.md → keyword-spacing.mdx}

@@ -2,6 +2,9 @@
 description: 'Enforce consistent spacing before and after keywords.'
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > 🛑 This file is source code, not the primary documentation location! 🛑
 >
 > See **https://typescript-eslint.io/rules/keyword-spacing** for documentation.

package/docs/rules/{lines-around-comment.md → lines-around-comment.mdx}

@@ -2,6 +2,9 @@
 description: 'Require empty lines around comments.'
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > 🛑 This file is source code, not the primary documentation location! 🛑
 >
 > See **https://typescript-eslint.io/rules/lines-around-comment** for documentation.

package/docs/rules/{lines-between-class-members.md → lines-between-class-members.mdx}

@@ -2,6 +2,9 @@
 description: 'Require or disallow an empty line between class members.'
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > 🛑 This file is source code, not the primary documentation location! 🛑
 >
 > See **https://typescript-eslint.io/rules/lines-between-class-members** for documentation.

package/docs/rules/{max-params.md → max-params.mdx}

@@ -2,6 +2,9 @@
 description: 'Enforce a maximum number of parameters in function definitions.'
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > 🛑 This file is source code, not the primary documentation location! 🛑
 >
 > See **https://typescript-eslint.io/rules/max-params** for documentation.

package/docs/rules/{member-delimiter-style.md → member-delimiter-style.mdx}

@@ -2,13 +2,16 @@
 description: 'Require a specific member delimiter style for interfaces and type literals.'
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > 🛑 This file is source code, not the primary documentation location! 🛑
 >
 > See **https://typescript-eslint.io/rules/member-delimiter-style** for documentation.
 
 TypeScript allows three delimiters between members in interfaces and type aliases:
 
-<!-- prettier-ignore -->
+{/* prettier-ignore */}
 ```ts
 interface Foo {
     // Semicolons (default, preferred in TypeScript):
@@ -104,11 +107,10 @@ For example, to require commas for `type`s, and semicolons for multiline `interf
 
 Examples of code for this rule with the default config:
 
-<!--tabs-->
-
-### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
-<!-- prettier-ignore -->
+{/* prettier-ignore */}
 ```ts
 // missing semicolon delimiter
 interface Foo {
@@ -135,9 +137,10 @@ type FooBar = { name: string, greet(): string }
 type FooBar = { name: string; greet(): string; }
 ```
 
-### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
-<!-- prettier-ignore -->
+{/* prettier-ignore */}
 ```ts
 interface Foo {
     name: string;
@@ -156,6 +159,9 @@ type Bar = { name: string }
 type FooBar = { name: string; greet(): string }
 ```
 
+</TabItem>
+</Tabs>
+
 ## When Not To Use It
 
 If you specifically want to use both member delimiter kinds for stylistic reasons, or don't wish to enforce one style over the other, you can avoid this rule.

package/docs/rules/{member-ordering.md → member-ordering.mdx}

@@ -2,6 +2,9 @@
 description: 'Require a consistent member declaration order.'
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > 🛑 This file is source code, not the primary documentation location! 🛑
 >
 > See **https://typescript-eslint.io/rules/member-ordering** for documentation.
@@ -285,9 +288,8 @@ It also ignores accessibility and scope.
 }
 ```
 
-<!--tabs-->
-
-#### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{ "default": ["signature", "method", "constructor", "field"] }'
 interface Foo {
@@ -344,7 +346,8 @@ const Foo = class {
 };
 ```
 
-#### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{ "default": ["signature", "method", "constructor", "field"] }'
 interface Foo {
@@ -400,6 +403,9 @@ const Foo = class {
 };
 ```
 
+</TabItem>
+</Tabs>
+
 ### Classes
 
 #### Public Instance Methods Before Public Static Fields
@@ -420,9 +426,8 @@ It doesn't apply to interfaces or type literals as accessibility and scope are n
 }
 ```
 
-<!--tabs-->
-
-##### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{ "default": ["public-instance-method", "public-static-field"] }'
 class Foo {
@@ -460,7 +465,8 @@ const Foo = class {
 };
 ```
 
-##### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{ "default": ["public-instance-method", "public-static-field"] }'
 class Foo {
@@ -498,6 +504,9 @@ const Foo = class {
 };
 ```
 
+</TabItem>
+</Tabs>
+
 #### Static Fields Before Instance Fields
 
 This config specifies that static fields should come before instance fields, with public static fields first.
@@ -514,9 +523,8 @@ It doesn't apply to interfaces or type literals as accessibility and scope are n
 }
 ```
 
-<!--tabs-->
-
-##### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{ "default": ["public-static-field", "static-field", "instance-field"] }'
 class Foo {
@@ -551,7 +559,8 @@ const foo = class {
 };
 ```
 
-##### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{ "default": ["public-static-field", "static-field", "instance-field"] }'
 class Foo {
@@ -585,6 +594,9 @@ const foo = class {
 };
 ```
 
+</TabItem>
+</Tabs>
+
 #### Class Declarations
 
 This config only specifies an order for classes: methods, then the constructor, then fields.
@@ -603,9 +615,8 @@ Default settings will be used for class declarations and all other syntax constr
 }
 ```
 
-<!--tabs-->
-
-##### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{ "classes": ["method", "constructor", "field"] }'
 class Foo {
@@ -620,7 +631,8 @@ class Foo {
 }
 ```
 
-##### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{ "classes": ["method", "constructor", "field"] }'
 class Foo {
@@ -635,6 +647,9 @@ class Foo {
 }
 ```
 
+</TabItem>
+</Tabs>
+
 #### Class Expressions
 
 This config only specifies an order for classes expressions: methods, then the constructor, then fields.
@@ -653,9 +668,8 @@ Default settings will be used for class declarations and all other syntax constr
 }
 ```
 
-<!--tabs-->
-
-##### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{ "classExpressions": ["method", "constructor", "field"] }'
 const foo = class {
@@ -670,7 +684,8 @@ const foo = class {
 };
 ```
 
-##### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{ "classExpressions": ["method", "constructor", "field"] }'
 const foo = class {
@@ -685,6 +700,9 @@ const foo = class {
 };
 ```
 
+</TabItem>
+</Tabs>
+
 ### Interfaces
 
 This config only specifies an order for interfaces: signatures, then methods, then constructors, then fields.
@@ -707,9 +725,8 @@ These member types are the only ones allowed for `interfaces`.
 }
 ```
 
-<!--tabs-->
-
-#### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{ "interfaces": ["signature", "method", "constructor", "field"] }'
 interface Foo {
@@ -723,7 +740,8 @@ interface Foo {
 }
 ```
 
-#### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{ "interfaces": ["signature", "method", "constructor", "field"] }'
 interface Foo {
@@ -737,6 +755,9 @@ interface Foo {
 }
 ```
 
+</TabItem>
+</Tabs>
+
 ### Type Literals
 
 This config only specifies an order for type literals: signatures, then methods, then constructors, then fields.
@@ -759,9 +780,8 @@ These member types are the only ones allowed for `typeLiterals`.
 }
 ```
 
-<!--tabs-->
-
-#### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{ "typeLiterals": ["signature", "method", "constructor", "field"] }'
 type Foo = {
@@ -775,7 +795,8 @@ type Foo = {
 };
 ```
 
-#### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{ "typeLiterals": ["signature", "method", "constructor", "field"] }'
 type Foo = {
@@ -789,11 +810,13 @@ type Foo = {
 };
 ```
 
+</TabItem>
+</Tabs>
+
 ### Sorting Options
 
 #### Sorting Alphabetically Within Member Groups
 
-This config specifies that within each `memberTypes` group, members are in an alphabetic case-sensitive order.
 The default member order will be applied if `memberTypes` is not specified.
 You can see the default order in [Default Configuration](#default-configuration).
 
@@ -813,9 +836,8 @@ You can see the default order in [Default Configuration](#default-configuration)
 }
 ```
 
-<!--tabs-->
-
-##### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{"default":{"order":"alphabetically"}}'
 interface Foo {
@@ -829,7 +851,8 @@ interface Foo {
 }
 ```
 
-##### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{"default":{"order":"alphabetically"}}'
 interface Foo {
@@ -843,6 +866,9 @@ interface Foo {
 }
 ```
 
+</TabItem>
+</Tabs>
+
 #### Sorting Alphabetically Within Custom Member Groups
 
 This config specifies that within each custom `memberTypes` group, members are in an alphabetic case-sensitive order.
@@ -864,9 +890,8 @@ This config specifies that within each custom `memberTypes` group, members are i
 }
 ```
 
-<!--tabs-->
-
-##### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{"default":{"memberTypes":["method","field"],"order":"alphabetically"}}'
 interface Foo {
@@ -880,7 +905,8 @@ interface Foo {
 }
 ```
 
-##### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{"default":{"memberTypes":["method","field"],"order":"alphabetically"}}'
 interface Foo {
@@ -894,9 +920,11 @@ interface Foo {
 }
 ```
 
+</TabItem>
+</Tabs>
+
 #### Sorting Alphabetically Case Insensitive Within Member Groups
 
-This config specifies that within each `memberTypes` group, members are in an alphabetic case-insensitive order.
 The default member order will be applied if `memberTypes` is not specified.
 You can see the default order in [Default Configuration](#default-configuration).
 
@@ -916,9 +944,8 @@ You can see the default order in [Default Configuration](#default-configuration)
 }
 ```
 
-<!--tabs-->
-
-##### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{"default":{"order":"alphabetically-case-insensitive"}}'
 interface Foo {
@@ -932,7 +959,8 @@ interface Foo {
 }
 ```
 
-##### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{"default":{"order":"alphabetically-case-insensitive"}}'
 interface Foo {
@@ -946,6 +974,9 @@ interface Foo {
 }
 ```
 
+</TabItem>
+</Tabs>
+
 #### Sorting Alphabetically Ignoring Member Groups
 
 This config specifies that members are all sorted in an alphabetic case-sensitive order.
@@ -963,9 +994,8 @@ It ignores any member group types completely by specifying `"never"` for `member
 }
 ```
 
-<!--tabs-->
-
-##### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{ "default": { "memberTypes": "never", "order": "alphabetically" } }'
 interface Foo {
@@ -978,7 +1008,8 @@ interface Foo {
 }
 ```
 
-##### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{ "default": { "memberTypes": "never", "order": "alphabetically" } }'
 interface Foo {
@@ -991,6 +1022,9 @@ interface Foo {
 }
 ```
 
+</TabItem>
+</Tabs>
+
 #### Sorting Optional Members First or Last
 
 The `optionalityOrder` option may be enabled to place all optional members in a group at the beginning or end of that group.
@@ -1014,9 +1048,8 @@ This config places all optional members before all required members:
 }
 ```
 
-<!--tabs-->
-
-##### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{ "default": { "optionalityOrder": "optional-first", "order": "alphabetically" } }'
 interface Foo {
@@ -1026,7 +1059,8 @@ interface Foo {
 }
 ```
 
-##### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{ "default": { "optionalityOrder": "optional-first", "order": "alphabetically" } }'
 interface Foo {
@@ -1036,7 +1070,8 @@ interface Foo {
 }
 ```
 
-<!--/tabs-->
+</TabItem>
+</Tabs>
 
 This config places all required members before all optional members:
 
@@ -1057,9 +1092,8 @@ This config places all required members before all optional members:
 }
 ```
 
-<!--tabs-->
-
-##### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='{ "default": { "optionalityOrder": "required-first", "order": "alphabetically" } }'
 interface Foo {
@@ -1069,7 +1103,8 @@ interface Foo {
 }
 ```
 
-##### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='{ "default": { "optionalityOrder": "required-first", "order": "alphabetically" } }'
 interface Foo {
@@ -1079,7 +1114,8 @@ interface Foo {
 }
 ```
 
-<!--/tabs-->
+</TabItem>
+</Tabs>
 
 ## All Supported Options
 

package/docs/rules/{method-signature-style.md → method-signature-style.mdx}

@@ -2,6 +2,9 @@
 description: 'Enforce using a particular method signature syntax.'
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > 🛑 This file is source code, not the primary documentation location! 🛑
 >
 > See **https://typescript-eslint.io/rules/method-signature-style** for documentation.
@@ -42,9 +45,8 @@ The default is `"property"`.
 
 Examples of code with `property` option.
 
-<!--tabs-->
-
-#### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='"property"'
 interface T1 {
@@ -60,7 +62,8 @@ interface T3 {
 }
 ```
 
-#### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='"property"'
 interface T1 {
@@ -77,13 +80,15 @@ interface T3 {
 }
 ```
 
+</TabItem>
+</Tabs>
+
 ### `method`
 
 Examples of code with `method` option.
 
-<!--tabs-->
-
-#### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts option='"method"'
 interface T1 {
@@ -94,7 +99,8 @@ type T2 = {
 };
 ```
 
-#### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts option='"method"'
 interface T1 {
@@ -105,6 +111,9 @@ type T2 = {
 };
 ```
 
+</TabItem>
+</Tabs>
+
 ## When Not To Use It
 
 If you don't want to enforce a particular style for object/interface function types, and/or if you don't use `strictFunctionTypes`, then you don't need this rule.

package/docs/rules/{naming-convention.md → naming-convention.mdx}

@@ -2,6 +2,9 @@
 description: 'Enforce naming conventions for everything across a codebase.'
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > 🛑 This file is source code, not the primary documentation location! 🛑
 >
 > See **https://typescript-eslint.io/rules/naming-convention** for documentation.

package/docs/rules/{no-array-constructor.md → no-array-constructor.mdx}

@@ -2,6 +2,9 @@
 description: 'Disallow generic `Array` constructors.'
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > 🛑 This file is source code, not the primary documentation location! 🛑
 >
 > See **https://typescript-eslint.io/rules/no-array-constructor** for documentation.
@@ -9,16 +12,16 @@ description: 'Disallow generic `Array` constructors.'
 This rule extends the base [`eslint/no-array-constructor`](https://eslint.org/docs/rules/no-array-constructor) rule.
 It adds support for the generically typed `Array` constructor (`new Array<Foo>()`).
 
-<!--tabs-->
-
-### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts
 Array(0, 1, 2);
 new Array(0, 1, 2);
 ```
 
-### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts
 Array<number>(0, 1, 2);
@@ -27,3 +30,6 @@ new Array<Foo>(x, y, z);
 Array(500);
 new Array(someOtherArray.length);
 ```
+
+</TabItem>
+</Tabs>

package/docs/rules/{no-array-delete.md → no-array-delete.mdx}

@@ -2,6 +2,9 @@
 description: 'Disallow using the `delete` operator on array values.'
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 > 🛑 This file is source code, not the primary documentation location! 🛑
 >
 > See **https://typescript-eslint.io/rules/no-array-delete** for documentation.
@@ -15,9 +18,8 @@ the recommended way to remove an element from an array is by using the
 
 ## Examples
 
-<!--tabs-->
-
-### ❌ Incorrect
+<Tabs>
+<TabItem value="❌ Incorrect">
 
 ```ts
 declare const arr: number[];
@@ -25,7 +27,8 @@ declare const arr: number[];
 delete arr[0];
 ```
 
-### ✅ Correct
+</TabItem>
+<TabItem value="✅ Correct">
 
 ```ts
 declare const arr: number[];
@@ -33,7 +36,8 @@ declare const arr: number[];
 arr.splice(0, 1);
 ```
 
-<!--/tabs-->
+</TabItem>
+</Tabs>
 
 ## When Not To Use It