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

docs/content/2.elements/2.alert.md

@@ -83,7 +83,7 @@ options:
   - name: color
     restriction: included
     values:
-      - white  
+      - white
 excludedProps:
   - icon
 ---
@@ -161,25 +161,7 @@ Use the `#title` and `#description` slots to customize the Alert.
 
 This can be handy when you want to display HTML content. To achieve this, you can define those slots and use the `v-html` directive.
 
-::component-example
-#default
-:alert-example-html
-
-#code
-```vue
-<template>
-  <UAlert title="Heads <i>up</i>!" icon="i-heroicons-command-line">
-    <template #title="{ title }">
-      <span v-html="title" />
-    </template>
-
-    <template #description>
-      You can add <b>components</b> to your app using the <u>cli</u>.
-    </template>
-  </UAlert>
-</template>
-```
-::
+:component-example{component="alert-example-html"}
 
 ## Props