From 569f5c36ea8eb311a0553197367e88cec4f93a1a Mon Sep 17 00:00:00 2001
From: itshizhan <itshizhan@163.com>
Date: Wed, 29 Jun 2022 15:00:41 +0800
Subject: [PATCH 1/2] Update 3.mdc.md

fix missing slash
---
 docs/content/3.guide/1.writing/3.mdc.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/content/3.guide/1.writing/3.mdc.md b/docs/content/3.guide/1.writing/3.mdc.md
index 300a9033f..d4cca0d1d 100755
--- a/docs/content/3.guide/1.writing/3.mdc.md
+++ b/docs/content/3.guide/1.writing/3.mdc.md
@@ -60,7 +60,7 @@ A component's slots can accept content or another components.
   <template>
     <section>
       <h1 class="text-4xl"><slot /></h1>
-      <slot name="description">
+      <slot name="description"/>
     </section>
   </template>
   ```

From 08664344cbf68fe8fee1716f0a11a17d3b94b69d Mon Sep 17 00:00:00 2001
From: itshizhan <itshizhan@163.com>
Date: Wed, 29 Jun 2022 15:46:28 +0800
Subject: [PATCH 2/2] docs: improve examples

improve examples
---
 docs/content/3.guide/1.writing/3.mdc.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/docs/content/3.guide/1.writing/3.mdc.md b/docs/content/3.guide/1.writing/3.mdc.md
index d4cca0d1d..e4d6b697f 100755
--- a/docs/content/3.guide/1.writing/3.mdc.md
+++ b/docs/content/3.guide/1.writing/3.mdc.md
@@ -183,9 +183,15 @@ The `{}` identifier passes props to components in a terse way by using a `key=va
   ```
 
   ```html [Alert.vue]
+<script setup>
+defineProps(['type'])
+</script>
+
+<template>
   <div :class="[type]">
     <Markdown unwrap="p" />
   </div>
+</template>
   ```
 
   ::code-block{label="Preview" preview}