docs: organize

README.md

@@ -179,6 +179,11 @@ export default antfu(
 
 Going more advanced, you can also import fine-grained configs and compose them as you wish:
 
+<details>
+<summary>Advanced Example</summary>
+
+We don't recommend using this style in general usages, as there are shared options between configs and might need extra care to make them consistent.
+
 ```js
 // eslint.config.js
 import {
@@ -201,13 +206,13 @@ import {
 
 export default [
   ...ignores(),
-  ...javascript(),
+  ...javascript(/* Options */),
   ...comments(),
   ...node(),
   ...jsdoc(),
   ...imports(),
   ...unicorn(),
-  ...typescript(),
+  ...typescript(/* Options */),
   ...stylistic(),
   ...vue(),
   ...jsonc(),
@@ -216,6 +221,8 @@ export default [
 ]
 ```
 
+</details>
+
 Check out the [configs](https://github.com/antfu/eslint-config/blob/main/src/configs) and [factory](https://github.com/antfu/eslint-config/blob/main/src/factory.ts) for more details.
 
 > Thanks to [sxzz/eslint-config](https://github.com/sxzz/eslint-config) for the inspiration and reference.
@@ -242,29 +249,6 @@ When you want to override rules, or disable them inline, you need to update to t
 type foo = { bar: 2 }
 ```
 
-### Optional Rules
-
-This config also provides some optional plugins/rules for extended usages.
-
-#### `sort-keys`
-
-This plugin [`eslint-plugin-sort-keys`](https://github.com/namnm/eslint-plugin-sort-keys) allows you to keep object keys sorted with auto-fix.
-
-It's installed but no rules are enabled by default. 
-
-It's recommended to opt-in on each file individually using [configuration comments](https://eslint.org/docs/latest/use/configure/rules#using-configuration-comments-1).
-
-```js
-/* eslint sort-keys/sort-keys-fix: "error" */
-const objectWantedToSort = {
-  a: 2,
-  b: 1,
-  c: 3,
-}
-/* eslint sort-keys/sort-keys-fix: "off" */
-```
-
-
 ### Rules Overrides
 
 Certain rules would only be enabled in specific files, for example, `ts/*` rules would only be enabled in `.ts` files and `vue/*` rules would only be enabled in `.vue` files. If you want to override the rules, you need to specify the file extension:
@@ -311,6 +295,28 @@ export default antfu({
 })
 ```
 
+### Optional Rules
+
+This config also provides some optional plugins/rules for extended usages.
+
+#### `sort-keys`
+
+This plugin [`eslint-plugin-sort-keys`](https://github.com/namnm/eslint-plugin-sort-keys) allows you to keep object keys sorted with auto-fix.
+
+It's installed but no rules are enabled by default. 
+
+It's recommended to opt-in on each file individually using [configuration comments](https://eslint.org/docs/latest/use/configure/rules#using-configuration-comments-1).
+
+```js
+/* eslint sort-keys/sort-keys-fix: "error" */
+const objectWantedToSort = {
+  a: 2,
+  b: 1,
+  c: 3,
+}
+/* eslint sort-keys/sort-keys-fix: "off" */
+```
+
 ### Type Aware Rules
 
 You can optionally enable the [type aware rules](https://typescript-eslint.io/linting/typed-linting/) by passing the options object to the `typescript` config: