gistfile1.txt

<template>
    <ul>
        <li v-for="(breadcrumb, index) in breadcrumbs" :key="index">
            <Breadcrumb :name="breadcrumb.name" :url="breadcrumb.url" />
        </li>
    </ul>
</template>

<script>
import { defineComponent } from 'vue';
import Breadcrumb from './Breadcrumb.vue';

export default defineComponent({
    name: 'Breadcumbs',

    components: {
        Breadcrumb,
    },

    props: {
        breadcrumbs: {
            type: Array,
            required: true,
            default: () => [],
        },
    },
});
</script>