chore: reformat mdx

Author: Rel1cx

.mdxlintrc.json

@@ -0,0 +1,9 @@
+{
+  "settings": {
+    "rule": "-",
+    "bullet": "-",
+    "emphasis": "_",
+    "printWidth": 1024
+  },
+  "plugins": ["remark-gfm", ["remark-frontmatter", ["toml", "yaml"]]]
+}

apps/website/content/docs/community.mdx

@@ -12,9 +12,7 @@ import { projects, presets } from "./community.tsx";
 <GitHubRepoGrid repos={projects} />
 
 <small>
-
-_Data collected from GitHub dependents network, if there are any mismatch or outdated information, feel free to [open issue](https://github.com/Rel1cx/eslint-react/issues/new?assignees=&labels=type%3A+documentation&projects=&template=docs_report.md&title=%5Bdocs%5D+) or pull request._
-
+  _Data collected from GitHub dependents network, if there are any mismatch or outdated information, feel free to [open issue](https://github.com/Rel1cx/eslint-react/issues/new?assignees=\&labels=type%3A+documentation\&projects=\&template=docs_report.md\&title=%5Bdocs%5D+) or pull request._
 </small>
 
 ## Adoption Feedback on Social Media

apps/website/content/docs/configuration/using-custom-parsers/ts-blank-eslint-parser.mdx

@@ -4,14 +4,13 @@ description: "Using ts-blank-eslint-parser as an alternative parser for TypeScri
 ---
 
 <Callout type="warn">
-The `ts-blank-eslint-parser` is a work in progress and comes with limitations:
+  The `ts-blank-eslint-parser` is a work in progress and comes with limitations:
 
-- No support for [TypeScript syntax](https://github.com/bloomberg/ts-blank-space/blob/main/docs/unsupported_syntax.md) that need transformation like enums, namespaces, decorators
-- No support for rules that require type information
-- No fixable support for types (the types will also be stripped out in the fix output)
-
-Use it only if you are okay with the limitations.
+  - No support for [TypeScript syntax](https://github.com/bloomberg/ts-blank-space/blob/main/docs/unsupported_syntax.md) that need transformation like enums, namespaces, decorators
+  - No support for rules that require type information
+  - No fixable support for types (the types will also be stripped out in the fix output)
 
+  Use it only if you are okay with the limitations.
 </Callout>
 
 ## Install

apps/website/content/docs/faq.mdx

@@ -5,69 +5,59 @@ title: FAQ
 import { Accordion, Accordions } from "fumadocs-ui/components/accordion";
 
 <Accordions>
+  <Accordion title="Why?">
+    **ESLint React addresses critical gaps of the existing `eslint-plugin-react` in modern React ecosystems**. While named "react", the current plugin implementation specifically targets React DOM and maintains DOM-centric assumptions, creating friction when used with alternative renderers like React Native, React Three Fiber, or custom renderers.
 
-<Accordion title="Why?">
+    Our solution treating DOM as one of many supported targets rather than the default assumption. This paradigm shift enables:
 
-**ESLint React addresses critical gaps of the existing `eslint-plugin-react` in modern React ecosystems**. While named "react", the current plugin implementation specifically targets React DOM and maintains DOM-centric assumptions, creating friction when used with alternative renderers like React Native, React Three Fiber, or custom renderers.
+    - **Context-aware linting**: Adapting to different runtime environments
+    - **Future-proof architecture**: Compatibility with emerging React platforms
+    - **Unified code quality standards**: Consistent linting across diverse projects
+  </Accordion>
 
-Our solution treating DOM as one of many supported targets rather than the default assumption. This paradigm shift enables:
+  <Accordion title="What's included?">
+    Currently, it includes the following:
 
-- **Context-aware linting**: Adapting to different runtime environments
-- **Future-proof architecture**: Compatibility with emerging React platforms
-- **Unified code quality standards**: Consistent linting across diverse projects
+    **Internal Packages**
 
-</Accordion>
+    - **Utility Modules**
+      - `@eslint-react/eff`: JavaScript and TypeScript utilities (previously some re-exports of the `effect` library).
+      - `@eslint-react/ast`: TSESTree AST utility module.
+      - `@eslint-react/var`: TSESTree AST utility module for static analysis of variables.
+      - `@eslint-react/kit`: ESLint React's plugin kit for building plugins and rules.
+    - **Core & Shared Modules**
+      - `@eslint-react/core`: Utility module for static analysis of React core APIs and patterns.
+      - `@eslint-react/shared`: Shared constants, types and functions.
 
-<Accordion title="What's included?">
+    **Public Packages**
 
-Currently, it includes the following:
+    - **ESLint Plugins**
+      - [`eslint-plugin-react-x`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) - Core React rules.
+      - [`eslint-plugin-react-dom`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) - React DOM rules.
+      - [`eslint-plugin-react-web-api`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-web-api) - Web API interaction rules.
+      - [`eslint-plugin-react-naming-convention`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-naming-convention) - Naming convention rules.
+      - [`eslint-plugin-react-debug`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug) - Debugging rules for inspecting React patterns in code.
+      - [`@eslint-react/eslint-plugin`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin) - A unified plugin that combines all individual plugins into one.
 
-**Internal Packages**
+    **Website & Playground**
 
-- **Utility Modules**
-  - `@eslint-react/eff`: JavaScript and TypeScript utilities (previously some re-exports of the `effect` library).
-  - `@eslint-react/ast`: TSESTree AST utility module.
-  - `@eslint-react/var`: TSESTree AST utility module for static analysis of variables.
-  - `@eslint-react/kit`: ESLint React's plugin kit for building plugins and rules.
-- **Core & Shared Modules**
-  - `@eslint-react/core`: Utility module for static analysis of React core APIs and patterns.
-  - `@eslint-react/shared`: Shared constants, types and functions.
+    - `website`: This documentation website.
+    - `playground`: The playground for ESLint React (WIP).
 
-**Public Packages**
+    You can view our long-term plans on the [roadmap](/roadmap#plugins-with-ecological-niche-explanation).
+  </Accordion>
 
-- **ESLint Plugins**
-  - [`eslint-plugin-react-x`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) - Core React rules.
-  - [`eslint-plugin-react-dom`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) - React DOM rules.
-  - [`eslint-plugin-react-web-api`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-web-api) - Web API interaction rules.
-  - [`eslint-plugin-react-naming-convention`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-naming-convention) - Naming convention rules.
-  - [`eslint-plugin-react-debug`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug) - Debugging rules for inspecting React patterns in code.
-  - [`@eslint-react/eslint-plugin`](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin) - A unified plugin that combines all individual plugins into one.
+  <Accordion title="Why isn't there a 'jsx-runtime' preset?">
+    ESLint React automatically detects your JSX runtime type from the compiler options in your `tsconfig.json` or `jsconfig.json` file, as well as from JSX pragma comments (e.g., `/** @jsxRuntime automatic */`) in each file. This means you don't need to set a preset for the JSX runtime.
 
-**Website & Playground**
+    For more information, see the [JSX Transform](/docs/configuration/configure-project-config#jsx-transform) section on the [Configure Project Config](/docs/configuration/configure-project-config) page.
+  </Accordion>
 
-- `website`: This documentation website.
-- `playground`: The playground for ESLint React (WIP).
+  <Accordion title="Is there anything to note about migrating from 'eslint-plugin-react'?">
+    Please be aware that some rules may behave differently when transitioning to ESLint React. The rules in ESLint React are more closely aligned with the guidelines provided by [react.dev](https://react.dev). This alignment is due to ESLint React adopting [react.dev](https://react.dev) as its primary reference, rather than `eslint-plugin-react`.
 
-You can view our long-term plans on the [roadmap](/roadmap#plugins-with-ecological-niche-explanation).
-
-</Accordion>
-
-<Accordion title="Why isn't there a 'jsx-runtime' preset?">
-
-ESLint React automatically detects your JSX runtime type from the compiler options in your `tsconfig.json` or `jsconfig.json` file, as well as from JSX pragma comments (e.g., `/** @jsxRuntime automatic */`) in each file. This means you don't need to set a preset for the JSX runtime.
-
-For more information, see the [JSX Transform](/docs/configuration/configure-project-config#jsx-transform) section on the [Configure Project Config](/docs/configuration/configure-project-config) page.
-
-</Accordion>
-
-<Accordion title="Is there anything to note about migrating from 'eslint-plugin-react'?">
-
-Please be aware that some rules may behave differently when transitioning to ESLint React. The rules in ESLint React are more closely aligned with the guidelines provided by [react.dev](https://react.dev). This alignment is due to ESLint React adopting [react.dev](https://react.dev) as its primary reference, rather than `eslint-plugin-react`.
-
-For a comprehensive migration guide with a complete rule comparison table, see our [Migration Guide](/docs/migration). This guide covers all rules from `eslint-plugin-react`, their ESLint React equivalents, missing functionality, and migration tips.
-
-To smoothly transition, we suggest reviewing the rules in ESLint React and running a comprehensive linting check on your codebase to identify and address any discrepancies introduced by the migration.
-
-</Accordion>
+    For a comprehensive migration guide with a complete rule comparison table, see our [Migration Guide](/docs/migration). This guide covers all rules from `eslint-plugin-react`, their ESLint React equivalents, missing functionality, and migration tips.
 
+    To smoothly transition, we suggest reviewing the rules in ESLint React and running a comprehensive linting check on your codebase to identify and address any discrepancies introduced by the migration.
+  </Accordion>
 </Accordions>

apps/website/content/docs/getting-started/javascript.mdx

@@ -6,106 +6,94 @@ description: Getting started using ESLint React in your JavaScript React project
 import { Step, Steps } from "fumadocs-ui/components/steps";
 
 <Callout type="info" title="This instruction requires the following minimum versions:">
-
-- Node.js: 20.19.0
-- ESLint: 9.24.0
-- TypeScript: 4.9.5
-
+  - Node.js: 20.19.0
+  - ESLint: 9.24.0
+  - TypeScript: 4.9.5
 </Callout>
 
 <Steps>
+  <Step>
+    ## Installation
+
+    ```package-install copy
+    npm install --save-dev globals eslint @eslint/js @eslint-react/eslint-plugin
+    ```
+  </Step>
+
+  <Step>
+    ## Configure ESLint
+
+    ```js title="eslint.config.js"
+    import globals from "globals";
+    import eslintJs from "@eslint/js";
+    import eslintReact from "@eslint-react/eslint-plugin";
+    import { defineConfig } from "eslint/config";
+
+    export default defineConfig([
+      {
+        files: ["**/*.js", "**/*.jsx"],
+
+        // Extend recommended rule sets from:
+        // 1. ESLint JS's recommended rules
+        // 2. ESLint React's recommended rules
+        extends: [eslintJs.configs.recommended, eslintReact.configs.recommended],
+
+        // Configure language/parsing options
+        languageOptions: {
+          // Include browser global variables (window, document, etc.)
+          globals: {
+            ...globals.browser,
+          },
+          parserOptions: {
+            ecmaFeatures: {
+              jsx: true, // Enable JSX syntax support
+            },
+          },
+        },
 
-<Step>
-
-## Installation
-
-```package-install copy
-npm install --save-dev globals eslint @eslint/js @eslint-react/eslint-plugin
-```
-
-</Step>
-
-<Step>
-
-## Configure ESLint
-
-```js title="eslint.config.js"
-import globals from "globals";
-import eslintJs from "@eslint/js";
-import eslintReact from "@eslint-react/eslint-plugin";
-import { defineConfig } from "eslint/config";
-
-export default defineConfig([
-  {
-    files: ["**/*.js", "**/*.jsx"],
-
-    // Extend recommended rule sets from:
-    // 1. ESLint JS's recommended rules
-    // 2. ESLint React's recommended rules
-    extends: [eslintJs.configs.recommended, eslintReact.configs.recommended],
-
-    // Configure language/parsing options
-    languageOptions: {
-      // Include browser global variables (window, document, etc.)
-      globals: {
-        ...globals.browser,
+        // Custom rule overrides (modify rule levels or disable rules)
+        rules: {
+          "@eslint-react/no-missing-key": "warn",
+        },
       },
-      parserOptions: {
-        ecmaFeatures: {
-          jsx: true, // Enable JSX syntax support
+    ]);
+    ```
+  </Step>
+
+  <Step>
+    ## Configure [Project Config](/docs/glossary#project-config) (Optional)
+
+    ```ts title="eslint.config.js"
+    // @ts-check
+    import tseslint from "typescript-eslint";
+
+    export default [
+      {
+        languageOptions: {
+          parser: tseslint.parser,
+          parserOptions: {
+            projectService: true,
+            tsconfigRootDir: import.meta.dirname,
+          },
         },
       },
-    },
-
-    // Custom rule overrides (modify rule levels or disable rules)
-    rules: {
-      "@eslint-react/no-missing-key": "warn",
-    },
-  },
-]);
-```
-
-</Step>
-
-<Step>
-
-## Configure [Project Config](/docs/glossary#project-config) (Optional)
-
-```ts title="eslint.config.js"
-// @ts-check
-import tseslint from "typescript-eslint";
-
-export default [
-  {
-    languageOptions: {
-      parser: tseslint.parser,
-      parserOptions: {
-        projectService: true,
-        tsconfigRootDir: import.meta.dirname,
+    ];
+    ```
+
+    ```jsonc title="jsconfig.json"
+    {
+      "compilerOptions": {
+        // ...other options
+        "jsx": "react-jsx"
       },
-    },
-  },
-];
-```
-
-```jsonc title="jsconfig.json"
-{
-  "compilerOptions": {
-    // ...other options
-    "jsx": "react-jsx"
-  },
-  "include": ["**/*.js", "**/*.jsx"]
-}
-```
-
-<Callout title="TIP">
-
-Once you've correctly configured the project for the files to be linted, ESLint React utilizes the information from the TypeScript compiler to provide better linting results.
-
-For more information, see the [Configure Project Config](/docs/configuration/configure-project-config) section.
-
-</Callout>
+      "include": ["**/*.js", "**/*.jsx"]
+    }
+    ```
 
-</Step>
+    <Callout title="TIP">
+      Once you've correctly configured the project for the files to be linted, ESLint React utilizes the information from the TypeScript compiler to provide better linting results.
 
+      For more information, see the [Configure Project Config](/docs/configuration/configure-project-config) section.
+    </Callout>
+  </Step>
 </Steps>