docs: update

Author: rudyxu1102

active-rfcs/0000-infer-attrs.md

@@ -35,8 +35,7 @@ const attrs = useAttrs<{bar: number}>()
 </script>
 ```
 
-<details>
-<summary>Compiled Output</summary>
+Compiled Output:
 
 ```js
 export default /*#__PURE__*/_defineComponent({
@@ -51,8 +50,6 @@ return { attrs, useAttrs, ref }
 }, { attrs: {} as { foo: number }})"
 ```
 
-</details>
-
 
 ## Using `defineCustomElement`
 ```tsx
@@ -85,7 +82,7 @@ const Comp = defineComponent<Props, Attrs>({})
 
 There still has two ways to be chosen.
 
-1. Defining the first param that already existing, just like [vuejs/rfcs#192](https://github.com/vuejs/rfcs/pull/192) did.
+### 1. Defining the first param that already existing, just like [vuejs/rfcs#192](https://github.com/vuejs/rfcs/pull/192) did.
 ```tsx
 const Comp = defineComponent({
   attrs: {} as { bar: number },
@@ -100,7 +97,7 @@ const Comp = defineComponent({
 
 const comp = <Comp foo={'str'} bar={1} />
 ```
-2. Defining the second param as proposed.
+### 2. Defining the second param as proposed.
 ```tsx
 const Comp = defineComponent({
   props: {