"TypeError: this.$store is undefined" about gantt-elastic

[neuronetio]

try gantt-elastic v 0.10.17

[neuronetio]

You need to have vuex like in this example https://github.com/neuronetio/vue-gantt-elastic/blob/master/src/App.vue

[mdieudonne]

Here is how I manage the upgrade from 0.9.6 to 0.10.15:

//Add
import Vuex from 'vuex';
Vue.use(Vuex)
const store = new Vuex.Store({
    state: {
        tasks: tasks,
        options: options
    }
});

new Vue({
  el:'#app',
//...
    store,
    data() {
        return {
            tasks: tasks,
            options: options
        };
    },
    computed: {
        tasks() {
            return this.$store.state.tasks;
        },
        options() {
            return this.$store.state.options;
        }
    }
})

---

In const options = { }
value: task => dayjs(task.start).format("DD/MM/YYYY"),

  calendar: {
                hour: {
                    display: true
                }
            },

[neuronetio]

[mdieudonne]

my feeback, with a php backend.
time() is in seconds - I needed to multiple by 1000
in my case : 'start' =>$lastItem->getTimestamp()*1000,

[mdieudonne]

when I don't set locale property in option, gantt is in Polish
when I set to 'fr', it is in english..
Am I missing something? Thanks

[neuronetio]

you must add all translations by yourself https://github.com/neuronetio/gantt-elastic/wiki/Locale

[mdieudonne]

yeah I copy the whole block locale property, which includes the translations, in the Options object,
it is not translated.
When I put the 'fr' block I got the english,
and by default it is in polish (learnt couple of words today ;)

[neuronetio]

hehe, ok I will check this

[mdieudonne]

you must add all translations by yourself https://github.com/neuronetio/gantt-elastic/wiki/Locale

Just find out that it is needed to add a property :
weekdaysShort: 'Dim_Lun_Mar_Mer_Jeu_Ven_Sam'.split('_'),
for full French translation, as in the example