From e9f5aa56a6b45ac6b025cf9dcb817add5d5c9182 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Tue, 24 Dec 2024 18:14:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=20ReusableTemplate?=
 =?UTF-8?q?=20=E7=BB=84=E4=BB=B6=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=AF=B9?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E6=8F=92=E6=A7=BD=E7=9A=84=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E5=92=8C=E4=BF=AE=E5=A4=8D=E6=8F=92=E6=A7=BD=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E4=BC=A0=E9=80=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/vue-macros/ReusableTemplate.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/vue-macros/ReusableTemplate.vue b/src/components/vue-macros/ReusableTemplate.vue
index b86059d..445c77f 100644
--- a/src/components/vue-macros/ReusableTemplate.vue
+++ b/src/components/vue-macros/ReusableTemplate.vue
@@ -1,16 +1,26 @@
 <template>
   <h1>Use Reusable Template</h1>
+
   <TemplateFoo.define v-slot="{ $slots, msg }">
     <div>Hello {{ msg.toUpperCase() }}</div>
     <component :is="$slots.slotNameee" slotPropName="valueee" />
+    <component :is="$slots.default" />
   </TemplateFoo.define>
 
+  <h2>TemplateFoo.reuse</h2>
   <TemplateFoo.reuse msg="World" />
+
+  <h2>TemplateFoo.reuse with slotNameee(with props)</h2>
   <TemplateFoo.reuse msg="Reusable">
     <template #slotNameee="{ slotPropName }">
-      <div>Passing Slots,{{ slotPropName }}</div>
+      <div>Passing Slots,{{ { slotPropName } }}</div>
     </template>
   </TemplateFoo.reuse>
+
+  <h2>TemplateFoo.reuse with slot.default</h2>
+  <TemplateFoo.reuse msg="Reusable">
+    <div>Passing Slots.Default</div>
+  </TemplateFoo.reuse>
 </template>
 
 <script setup lang="ts">
@@ -22,6 +32,7 @@ const TemplateFoo = createReusableTemplate<
     slotNameee: {
       slotPropName: string;
     };
+    default: object;
   }
 >();
 </script>