docs: update rules overview page

Author: Rel1cx

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

@@ -5,6 +5,8 @@
     "jsx-no-comment-textnodes",
     "jsx-no-duplicate-props",
     "jsx-no-undef",
+    "jsx-shorthand-boolean",
+    "jsx-shorthand-fragment",
     "jsx-uses-react",
     "jsx-uses-vars",
     "no-access-state-in-setstate",

apps/website/content/docs/rules/overview.mdx

@@ -34,6 +34,8 @@ The `jsx-*` rules check for issues exclusive to JSX syntax, which are absent fro
 | [`jsx-no-comment-textnodes`](./jsx-no-comment-textnodes)                                 | 1️⃣  |           | Prevents comments from being inserted as text nodes                                                 |          |
 | [`jsx-no-duplicate-props`](./jsx-no-duplicate-props)                                     | 1️⃣  |           | Disallow duplicate props in JSX elements                                                            |          |
 | [`jsx-no-undef`](./jsx-no-undef)                                                         | 0️⃣  |           | Disallow undefined variables in JSX elements                                                        |          |
+| [`jsx-shorthand-boolean`](./jsx-shorthand-boolean)                                       | 0️⃣  | `🔧` `⚙️`  | Enforces the use of shorthand syntax for boolean attributes                                         |          |
+| [`jsx-shorthand-fragment`](./jsx-shorthand-fragment)                                     | 0️⃣  | `🔧` `⚙️`  | Enforces the use of shorthand syntax for fragments                                                  |          |
 | [`jsx-uses-react`](./jsx-uses-react)                                                     | 1️⃣  |           | Marks React variables as used when JSX is used                                                      |          |
 | [`jsx-uses-vars`](./jsx-uses-vars)                                                       | 1️⃣  |           | Marks variables used in JSX elements as used                                                        |          |
 | [`no-access-state-in-setstate`](./no-access-state-in-setstate)                           | 2️⃣  |           | Disallow accessing `this.state` inside `setState` calls                                             |          |

packages/plugins/eslint-plugin-react-x/src/plugin.ts

@@ -2,6 +2,8 @@ import { name, version } from "../package.json";
 import jsxNoCommentTextnodes from "./rules/jsx-no-comment-textnodes";
 import jsxNoDuplicateProps from "./rules/jsx-no-duplicate-props";
 import jsxNoUndef from "./rules/jsx-no-undef";
+import jsxShorthandBoolean from "./rules/jsx-shorthand-boolean";
+import jsxShorthandFragment from "./rules/jsx-shorthand-fragment";
 import jsxUsesReact from "./rules/jsx-uses-react";
 import jsxUsesVars from "./rules/jsx-uses-vars";
 import noAccessStateInSetstate from "./rules/no-access-state-in-setstate";
@@ -65,6 +67,8 @@ export const plugin = {
     "jsx-no-comment-textnodes": jsxNoCommentTextnodes,
     "jsx-no-duplicate-props": jsxNoDuplicateProps,
     "jsx-no-undef": jsxNoUndef,
+    "jsx-shorthand-boolean": jsxShorthandBoolean,
+    "jsx-shorthand-fragment": jsxShorthandFragment,
     "jsx-uses-react": jsxUsesReact,
     "jsx-uses-vars": jsxUsesVars,
     "no-access-state-in-setstate": noAccessStateInSetstate,

packages/plugins/eslint-plugin-react-x/src/rules/jsx-shorthand-boolean.md

@@ -20,7 +20,7 @@ react-x/jsx-shorthand-boolean
 
 ## Description
 
-Enforces shorthand syntax for boolean attributes.
+Enforces the use of shorthand syntax for boolean attributes.
 
 ## Examples
 

packages/plugins/eslint-plugin-react-x/src/rules/jsx-shorthand-fragment.md

@@ -20,7 +20,7 @@ react-x/jsx-shorthand-fragment
 
 ## Description
 
-Enforces shorthand syntax for fragments.
+Enforces the use of shorthand syntax for fragments.
 
 ## Examples