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

Question

У меня есть компонент редактора туза, который, на мой взгляд, показывает мне редактор туза.Компонент выглядит следующим образом:

<template>
    <editor v-model="content" @init="editorInit" lang="javascript" theme="chaos" width="100%" height="100%"></editor>
</template>

<script>
    export default {
        props: [],

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

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

        methods: {
            editorInit () {
                require('brace/ext/language_tools'); //language extension prerequsite...
                require('brace/mode/html');
                require('brace/mode/javascript');    //language
                require('brace/mode/less');
                require('brace/theme/ambiance');
                require('brace/theme/chaos');
                require('brace/theme/chrome');
            }
        },
    }
</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: 'chaos' },
                { text: 'chrome' },
            ]
        }
    }    
}
</script>

Теперь я хотел бы изменить свойство lang в моем компоненте aceeditor после выбора другой темы, как я могу это сделать?

<editor v-model="content" @init="editorInit" lang="JavaScript" theme="chaosNEEDSTOBECHANGEDONSELECT" width="100%" height="100%"></editor>