feat: support multiple slots in Bouncer component (#38)

Author: zAlweNy26

playground/app/app.vue

@@ -86,5 +86,14 @@ const editableProduct = ref<Product>({
         <p>I cannot delete a product.</p>
       </template>
     </Bouncer>
+
+    <Bouncer
+      v-slot="{ can }"
+      :ability="deleteProduct"
+      :args="[product]"
+      as="p"
+    >
+      Can I delete the product ? {{ can ? 'Yes' : 'No' }}
+    </Bouncer>
   </div>
 </template>

src/runtime/components/Bouncer.vue

@@ -32,12 +32,18 @@ async function resolve() {
     :as="props.as"
   >
     <slot
-      v-if="can"
-      name="can"
-    />
-    <slot
-      v-else
-      name="cannot"
+      v-if="$slots.default"
+      :can
     />
+    <template v-else>
+      <slot
+        v-if="can"
+        name="can"
+      />
+      <slot
+        v-else
+        name="cannot"
+      />
+    </template>
   </Primitive>
 </template>