<!-- Card.vue -->
<template>
  <div class='card'>
    <slot>No content provided yet.</slot>
  </div>
</template>

<!-- Parent.vue -->
<script setup>
import Card from './Card.vue'
</script>

<template>
  <Card>
    <h3>Weekly Report</h3>
    <p>Sales were up 12% compared to last week.</p>
  </Card>
</template>