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

docs/content/3.forms/8.range.md

@@ -10,21 +10,7 @@ links:
 
 Use a `v-model` to make the Range reactive.
 
-::component-example
-#default
-:range-example
-
-#code
-```vue
-<script setup>
-const value = ref(50)
-</script>
-
-<template>
-  <URange v-model="value" />
-</template>
-```
-::
+:component-example{component="range-example"}
 
 ### Style