diff --git a/urara/2022-08-12-vue-challenges.md b/urara/2022-08-12-vue-challenges.md
index 0c05db8e..4c5efeb2 100644
--- a/urara/2022-08-12-vue-challenges.md
+++ b/urara/2022-08-12-vue-challenges.md
@@ -243,10 +243,29 @@ function toggle(index: number) {
 
 > 使用 h 渲染函数来实现一个组件。
 
-```vue
-import { defineComponent, h } from 'vue'; export default defineComponent({ name: 'MyButton', props: { disabled: { type: Boolean,
-default: false, }, }, emits: ['custom-click'], setup(props, { emit, slots }) { return () => h( 'button', { disabled:
-props.disabled, onClick: () => emit('custom-click'), }, slots.default?.() ); }, });
+```js
+import { defineComponent, h } from 'vue'
+export default defineComponent({
+  name: 'MyButton',
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['custom-click'],
+  setup(props, { emit, slots }) {
+    return () =>
+      h(
+        'button',
+        {
+          disabled: props.disabled,
+          onClick: () => emit('custom-click')
+        },
+        slots.default?.()
+      )
+  }
+})
 ```
 
 ### 树组件