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

docs/content/2.elements/8.kbd.md

@@ -32,24 +32,7 @@ props:
 
 As explained in the [Shortcuts](/getting-started/shortcuts) page, you can use the `metaSymbol` property of the `useShortcuts` composable to display the meta key according to the user's OS.
 
-::component-example
-#default
-:kbd-example
-
-#code
-```vue
-<script setup>
-const { metaSymbol } = useShortcuts()
-</script>
-
-<template>
-  <div class="flex items-center gap-0.5">
-    <UKbd>{{ metaSymbol }}</UKbd>
-    <UKbd>K</UKbd>
-  </div>
-</template>
-```
-::
+:component-example{component="kbd-example"}
 
 ### Size