Vue: смонтированное измененное значение не передано компоненту

Question

Это мой основной файл Vue:

export default {
    name: 'app',
    components: {
        FormSelector,
    },
    data () {
        return {
            headerInfo: {
                issue: '',
                model: 'model-1'
            }
        }
    },
    mounted () {
        this.headerInfo = JSON.parse(localStorage.getItem('header'))
    },
    methods: {
        selectModel (model) {
            this.headerInfo.model = model
        },
    }
}

И вот как я называю компонент:

<FormSelector @select="selectModel" v-bind:model="headerInfo.model"/>

В файле компонента это скрипт:

export default {
    name: 'FormSelector',
    props: ['model'],
    data () {
        return {
            select: this.model,
        }
    },
    methods: {
        changeModel (e) {
            const model = (e.target.value)
            this.$emit('select', model)
        }
    }
}

Мой вопрос: как я могу изменить select значение данных при смонтированной загрузке цикла headerInfo данные из localStorage?

В настоящее время изменяются только данные headerInfo в главном файле.