web/docs/components/card/layout.vue

<template>
  <div v-for="card in cards">
    <CardTitle :title="card.title" :desc="card.desc"/>
    <CardItem
        v-for="item in card.child"
        v-bind="item"
    >
    </CardItem>
  </div>
</template>

<script setup>
import CardTitle from './title.vue'
import CardItem from './item.vue'

defineProps({
  cards: {
    type: Array,
    default: () => {
      return []
    }
  }
})
</script>