docs: add "See Also" sections to various rule documentation

Author: Rel1cx

apps/website/content/docs/rules/meta.json

@@ -2,6 +2,8 @@
   "pages": [
     "overview",
     "------",
+    "avoid-shorthand-boolean",
+    "avoid-shorthand-fragment",
     "ensure-forward-ref-using-ref",
     "no-access-state-in-setstate",
     "no-array-index-key",
@@ -50,11 +52,8 @@
     "prefer-read-only-props",
     "prefer-shorthand-boolean",
     "prefer-shorthand-fragment",
-    "avoid-shorthand-boolean",
-    "avoid-shorthand-fragment",
     "use-jsx-vars",
     "---DOM Rules---",
-    "dom-no-void-elements-with-children",
     "dom-no-dangerously-set-innerhtml",
     "dom-no-dangerously-set-innerhtml-with-children",
     "dom-no-find-dom-node",
@@ -66,17 +65,18 @@
     "dom-no-unknown-property",
     "dom-no-unsafe-iframe-sandbox",
     "dom-no-unsafe-target-blank",
+    "dom-no-void-elements-with-children",
     "---Web API Rules---",
     "web-api-no-leaked-event-listener",
     "web-api-no-leaked-interval",
     "web-api-no-leaked-resize-observer",
     "web-api-no-leaked-timeout",
     "---Hooks Extra Rules---",
+    "hooks-extra-no-direct-set-state-in-use-effect",
+    "hooks-extra-no-direct-set-state-in-use-layout-effect",
     "hooks-extra-no-unnecessary-use-callback",
     "hooks-extra-no-unnecessary-use-memo",
     "hooks-extra-no-useless-custom-hooks",
-    "hooks-extra-no-direct-set-state-in-use-effect",
-    "hooks-extra-no-direct-set-state-in-use-layout-effect",
     "hooks-extra-prefer-use-state-lazy-initialization",
     "---Naming Convention Rules---",
     "naming-convention-component-name",

packages/plugins/eslint-plugin-react-debug/src/rules/class-component.md

@@ -52,3 +52,10 @@ class MyComponent extends React.PureComponent {
 
 - [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/class-component.ts)
 - [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/class-component.spec.ts)
+
+## See Also
+
+- [`function-component`](./debug-function-component)\
+  Reports all class components.
+- [`hook`](./debug-hook)\
+  Reports all React Hooks.

packages/plugins/eslint-plugin-react-debug/src/rules/function-component.md

@@ -58,3 +58,10 @@ const MyComponent = React.forwardRef(() => <button />);
 
 - [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/function-component.ts)
 - [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/function-component.spec.ts)
+
+## See Also
+
+- [`class-component`](./debug-class-component)\
+  Reports all class components.
+- [`hook`](./debug-hook)\
+  Reports all Hooks.

packages/plugins/eslint-plugin-react-debug/src/rules/hook.md

@@ -42,3 +42,10 @@ function useToggle() {
 
 - [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/hook.ts)
 - [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/hook.spec.ts)
+
+## See Also
+
+- [`class-component`](./debug-class-component)\
+  Reports all class components.
+- [`function-component`](./debug-function-component)\
+  Reports all function components.

packages/plugins/eslint-plugin-react-dom/src/rules/no-dangerously-set-innerhtml-with-children.md

@@ -61,3 +61,8 @@ function MyComponent() {
 
 - [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-dangerously-set-innerhtml-with-children.ts)
 - [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-dangerously-set-innerhtml-with-children.spec.ts)
+
+## See Also
+
+- [`no-dangerously-set-innerhtml`](./dom-no-dangerously-set-innerhtml)\
+  Warns when using `dangerouslySetInnerHTML`.

packages/plugins/eslint-plugin-react-dom/src/rules/no-dangerously-set-innerhtml.md

@@ -45,3 +45,8 @@ function MyComponent() {
 
 - [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-dangerously-set-innerhtml.ts)
 - [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-dangerously-set-innerhtml.spec.ts)
+
+## See Also
+
+- [`no-dangerously-set-innerhtml-with-children`](./dom-no-dangerously-set-innerhtml-with-children)\
+  Disallows `DOM element` using `children` and `dangerouslySetInnerHTML` at the same time.

packages/plugins/eslint-plugin-react-dom/src/rules/no-missing-button-type.md

@@ -65,3 +65,8 @@ function MyComponent() {
 ## Further Reading
 
 - [MDN: button - notes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#notes)
+
+## See Also
+
+- [`no-missing-iframe-sandbox`](./dom-no-missing-iframe-sandbox)\
+  Enforces explicit `sandbox` attribute for `iframe` elements.

packages/plugins/eslint-plugin-react-dom/src/rules/no-missing-iframe-sandbox.md

@@ -65,3 +65,10 @@ function MyComponent() {
 ## Further Reading
 
 - [MDN: iframe - sandbox](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attributes)
+
+## See Also
+
+- [`no-missing-button-type`](./dom-no-missing-button-type)\
+  Enforces explicit `type` attribute for `button` elements.
+- [`no-unsafe-iframe-sandbox`](./dom-no-unsafe-iframe-sandbox)\
+  Enforces `sandbox` attribute for `iframe` elements is not set to unsafe combinations.

packages/plugins/eslint-plugin-react-dom/src/rules/no-unsafe-iframe-sandbox.md

@@ -68,3 +68,10 @@ function MyComponent() {
 ## Further Reading
 
 - [MDN: iframe - sandbox](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#attributes)
+
+## See Also
+
+- [`no-missing-iframe-sandbox`](./dom-no-missing-iframe-sandbox)\
+  Enforces explicit `sandbox` attribute for `iframe` elements.
+- [`no-unsafe-target-blank`](./dom-no-unsafe-target-blank)\
+  Prevents the use of `target="_blank"` without `rel="noreferrer noopener"`.

packages/plugins/eslint-plugin-react-dom/src/rules/no-unsafe-target-blank.md

@@ -63,3 +63,8 @@ function MyComponent() {
 
 - [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-unsafe-target-blank.ts)
 - [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-unsafe-target-blank.spec.ts)
+
+## See Also
+
+- [`no-unsafe-iframe-sandbox`](./dom-no-unsafe-iframe-sandbox)\
+  Enforces `sandbox` attribute for `iframe` elements is not set to unsafe combinations.