docs: update

Author: rudyxu1102

active-rfcs/0000-infer-attrs.md

@@ -35,22 +35,6 @@ const attrs = useAttrs<{bar: number}>()
 </script>
 ```
 
-Compiled Output:
-
-```js
-export default /*#__PURE__*/_defineComponent({
-  setup(__props, { expose }) {
-  expose();
-
-      const attrs = useAttrs<{ foo: number }>()
-
-return { attrs, useAttrs, ref }
-}
-
-}, { attrs: {} as { foo: number }})"
-```
-
-
 ## Using `defineCustomElement`
 ```tsx
 const Comp = defineCustomElement({
@@ -122,7 +106,16 @@ The following below is the design details.
 
 ## `useAttrs<T>`
 In the `setup-script`, the generic type of `useAttrs` will compile to the second param of `defineComponent`.
-```ts
+
+```vue
+<script setup lang="ts">
+const attrs = useAttrs<{bar: number}>()
+</script>
+```
+
+Compiled Output:
+
+```js
 export default /*#__PURE__*/_defineComponent({
   setup(__props, { expose }) {
   expose();