Обновление значения диаграммы с данными в вычисляемой части

Question

Я должен сделать диаграммы в vue js. Но данные, которые я получаю, находятся в магазине Vuex. Я могу получить доступ к ним с помощью вычислений, но мне не удалось обновить диаграмму.

Вот код:

<template>
<v-content>
    <v-container grid-list-md text-xs-center>
        <v-layout row wrap>
            <v-flex v-for="(chart, id) in charts" :key="id" v-bind="{['xs'+chart.size]: true}">
                <RedmineChart :name="chart.name" :type="chart.type" :getData="chart.getData"
                              :refresh="chart.refresh" :chartOptions="chart.chartOptions" :info="chart.info"
                              :context="chart.context"/>
            </v-flex>
        </v-layout>
    </v-container>
</v-content>

<script>
    import {mapGetters, mapState} from 'vuex'
    export default {
        name: 'globalView',
        computed: {
            ...mapGetters('tickets', {
                archiTickets: 'ticketsFromArchi',
            }),
        },
        data() {
            return {
                temps: [
                    {
                        name: 'Assigned / Late (Archi)',
                        info: '<b>Assigned:</b> Number of <b>open</b> redmine assigned to Groupe Archi SOA</br><b>Late:</b> Number of redmine assigned to Groupe Archi SOA not delivered at due date',
                        type: 'Number',
                        refresh: 5,
                        size: 6,
                        getData() {
                            return new Promise((resolve, reject) => {
                                let res = []
                                res.push({label: 'Assigned', number: archiTickets.length})
                            })
                        }
                    }
                ],
    }
</script>

Когда я отлаживаю, он говорит, что archoTickets не определена даже с this.archiTickets.

Есть ли способ избавиться от этой проблемы или мне следует изменить структуру приложения?

Спасибо