refactor(plugins/x): enhance no-nested-component-definitions error messages (#1014)

Author: Rel1cx

.pkgs/configs/eslint.js

@@ -112,11 +112,20 @@ export const typescript = tseslint.config({
                 type: "natural",
                 groups: [
                     "type",
-                    ["parent-type", "sibling-type", "index-type", "internal-type"],
+                    [
+                        "parent-type",
+                        "sibling-type",
+                        "index-type",
+                        "internal-type",
+                    ],
                     "builtin",
                     "external",
                     "internal",
-                    ["parent", "sibling", "index"],
+                    [
+                        "parent",
+                        "sibling",
+                        "index",
+                    ],
                     "side-effect",
                     "object",
                     "unknown",

.pkgs/configs/eslint.ts

@@ -125,11 +125,20 @@ export const typescript: ConfigArray = tseslint.config(
         type: "natural",
         groups: [
           "type",
-          ["parent-type", "sibling-type", "index-type", "internal-type"],
+          [
+            "parent-type",
+            "sibling-type",
+            "index-type",
+            "internal-type",
+          ],
           "builtin",
           "external",
           "internal",
-          ["parent", "sibling", "index"],
+          [
+            "parent",
+            "sibling",
+            "index",
+          ],
           "side-effect",
           "object",
           "unknown",

packages/core/src/component/component-collector.ts

@@ -7,9 +7,9 @@ import type { ERFunctionComponent } from "./component-semantic-node";
 import * as AST from "@eslint-react/ast";
 import { _ } from "@eslint-react/eff";
 import * as JSX from "@eslint-react/jsx";
-
 import { getId } from "@eslint-react/shared";
 import { AST_NODE_TYPES as T } from "@typescript-eslint/types";
+
 import { DISPLAY_NAME_ASSIGNMENT_SELECTOR } from "../constants";
 import { isReactHookCall } from "../hook";
 import { DEFAULT_COMPONENT_HINT } from "./component-collector-hint";