Vuejs изменить значение проп в компоненте после выбора опции компонента

Question

У меня есть 2 компонента, один создает редактор с помощью vue2-ace-editor, другой компонент является компонентом выбора. Мне нужно поменять тему редактора, если я выберу другое значение в выбранной опции, пока мой компонент редактора выглядит так:

<template>
    <editor v-model="content" @init="editorInit" lang="javascript" theme="monokai"></editor> <!-- the default theme is monokai currently -->
</template>

<script>


    export default {
        props: [],

        data () {
            return {
                language: 'javascript',
                content: 'test',
            }
        },

        components: {
            editor: require('vue2-ace-editor'),
        },

        methods: {
            editorInit () {
                require('brace/ext/language_tools');
                require('brace/mode/html');
                require('brace/mode/javascript');
                require('brace/mode/less');
                require('brace/theme/clouds_midnight');
                require('brace/theme/chrome');
                require('brace/theme/ambiance');
            }
        },
    }
</script>

И мой вариант выбора выглядит следующим образом:

<template>
    <div>
        <v-select
            :items="themes"
            v-model="themeSelection"
            label="Select"
            single-line
        ></v-select>
    </div>
</template>

<script>
export default {

    data () {
        return {
            themeSelection: null,
            themes: [
                { text: 'ambiance' },
                { text: 'chrome' },
                { text: 'clouds_midnight' },
            ]
        }
    }    
}
</script>

То есть, если я выберу другую опцию, мне нужно изменить тему редактора, как мне это сделать?