Vue-meta перезаписывает TITLE если есть вложенные компоненты, почему?

<template>
    <div>
        <div class="welcome">
            <img src="//via.placeholder.com/1920x720?text=Slide_1 1920x720" class="img-responsive">
            <a href="#" class="btn btn-fill">Хочу записаться</a>
        </div>

        <about></about>
    </div>
</template>

<script>
    import About from './About'

    export default {
        name: 'Home',
        components: { About },
        metaInfo: {
            title: 'Художник-керамист',
        }
    }
</script>

<script>
    export default {
        name: 'About',
        metaInfo: {
            title: 'Обо мне'
        }
    }
</script>