docs(ComponentExample): automatically read code (#789)

docs/content/3.forms/5.checkbox.md

@@ -10,21 +10,7 @@ links:
 
 Use a `v-model` to make the Checkbox reactive.
 
-::component-example
-#default
-:checkbox-example
-
-#code
-```vue
-<script setup>
-const selected = ref(true)
-</script>
-
-<template>
-  <UCheckbox v-model="selected" name="notifications" label="Notifications" />
-</template>
-```
-::
+:component-example{component="checkbox-example"}
 
 ### Label