update post: code format

urara/2022-08-12-vue-challenges.md

@@ -243,10 +243,29 @@ function toggle(index: number) {
 
 > 使用 h 渲染函数来实现一个组件。
 
-```vue
+```js
-import { defineComponent, h } from 'vue'; export default defineComponent({ name: 'MyButton', props: { disabled: { type: Boolean,
+import { defineComponent, h } from 'vue'
-default: false, }, }, emits: ['custom-click'], setup(props, { emit, slots }) { return () => h( 'button', { disabled:
+export default defineComponent({
-props.disabled, onClick: () => emit('custom-click'), }, slots.default?.() ); }, });
+  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?.()
+      )
+  }
+})
 ```
 
 ### 树组件