Как отправить данные из django в компонент Vue3

Я пытаюсь отправить некоторые данные из django в компонент Vue3, но у меня не получается отправить их в Vue. фрагмент html кода

{{object_list|json_script:"team_members"}}
<script>
 const team_member_list = JSON.parse(document.getElementById('team_members').textContent);
</script>
<cardcarousel :team=team_member_list></cardcarousel>
<script>
  console.log(team_member_list[0]['first_name'])0
</script>`

Мой компонент

app.component('cardcarousel', {

data(){
    return {
    }
},
props:{
    team:{
        type: Array,
        required: true,

    }
}
,
template:/*html*/`
    <div v-for="team_member in team" class="card_carousel">
        <teamcard :first_name = "team_member.id"></teamcard>
    </div>
`,})`

В журнале консоли я вижу свой Array, но из Vue я получаю следующее предупреждение:

[Vue warn]: Неверный реквизит: проверка типа не удалась для реквизита "team". Ожидалось Array, получено Undefined.

Вернуться на верх