VueX v-модель объекта с использованием магазина

Question

Следующее не работает. Нужно обновить родительский объект, когда потомок изменяется с помощью v-модели. Работы, когда я дети рассчитываются отдельно.

<template>
    <div class="wrapper">
        <div class="form-group">
            <label for="background-colors">Color</label>
            <input type="color" class="form-control" id="background-colors" v-model="colors.background">
        </div>
    </div>
</template>

<script>
export default {
    computed: {
        user: {
            get() {
                return this.$store.getters['data/colors'];
            },
            set(value) {
                this.$store.commit('data/update', value);
            }
        }
    }
}
</script>

Store:
export default {
    state: {
    },
    modules: {
        data: {
           colors: {
             background: '000000',
             background2: 'FFFFFF',
           }
        },
        mutations: {
                update(state, data) {
                    state.colors = data;
                },
        getters: {
            colors: state => { 
              return state.colors; 
           }
         }
    }
}