Challenge 1 / 1

v-bind is an amazing shortcut that lets us assign multiple, or even dynamic props to a component using one single attribute. Given this piece of code, what are the actual props that the child component will receive?

<template>
    <child-component
        text="Some text prop here"
        v-bind="{
            isValid: true,
            showText: true,
        }"
    />
</template>

{
    isValid: true,
    showText: true,
}

{
    text: 'Some text prop here',
}

{
    isValid: true,
    showText: true,
    text: 'Some text prop here',
}

Rewatch the video