Настройка сценария vue 3 связывает v-модель с несколькими флажками дочернего пользовательского компонента

Я просмотрел много примеров того, как выполнить двустороннюю привязку данных модели, но примеры с текстовым вводом встречаются повсюду. Работаю по той же схеме и получаю ошибки.

const models = ref({
    teams: {
        items: usePage().props.value.teams,
        selected: [],
        isCheckAll: false,
    },
    
});

<template>
    
        <LineTeamsIndex
            v-model:selected-items = "models.teams.selected"
            v-model:isCheckAll = "models.teams.isCheckAll"
            :teams = "$page.props.teams"
            @checkAll = "checkAll"
        >
        </LineTeamsIndex>
     
   
</template>

ребенок

<script setup>
defineEmits(["update:selectedItems", "update:isCheckAll", "checkAll"]);

const props = defineProps({
    teams: Object,
    selectedItems: Object,
    isCheckAll: Boolean,
});

</script>

<template>
        <template v-slot:body>
            <tr v-for = "team in $page.props.teams.data" :key = "team.id">
                <td>
                    <div class = "form-check font-size-16">
                        <input
                            :id = "team.id"
                            :value = "team.id"
                            :checked = "selectedItems.includes(team.id)"
                            @change = "
                                $emit(
                                    'update:selectedItems',
                                    $event.target.value
                                )
                            "
                            class = "form-check-input"
                            type = "checkbox"
                        />
                    </div>
                </td>
                <td>{{ team.id }}</td>
                <td>
                    {{ team.name }}
                </td>
            </tr>
        </template>
 </template>

Вот часть кода, относящаяся к массиву SelectedItems. Требуется двусторонняя привязка через встроенную v-модель. Но это либо не работает, либо я получаю сообщение об ошибке несоответствия данных "[Vue warn]: Invalid prop: проверка типа не удалась для prop "SelectedItems". Ожидаемый объект, получена строка со значением "88"". Подскажите, как правильно перенести (использовать) встроенную v-model vue 3 для добавления данных в массив и удаления с помощью лаконичного кода? При том, что в дочернем компоненте у меня 2 модели (не одна), которые связаны в родительском компоненте.