Challenge 1 / 2

Suppose we have a shiny Title component that looks like this:

<template>
    <div>{{ title }}</div>
</template>

<script>
export default {
    name: 'TitleComponent',
};
</script>

We want other components to be able to pass a title to this component as a prop. Which option would NOT be a valid way to define the title prop?

export default {
    name: 'TitleComponent',
    props: ['title'],
};

export default {
    name: 'TitleComponent',
    props: {
        title: String,
    },
};

export default {
    name: 'TitleComponent',
    props: {
        title: {
            type: String,
        },
    },
};

export default {
    name: 'TitleComponent',
    props: { 'title' : true },
};