import Vue from 'vue';
import Vuex from 'vuex';
import App from './App.vue';
import createPersistedState from 'vuex-persistedstate'
Vue.use(Vuex);

new Vue({
    el: '#app',
    render: h => h(App),
    store: new Vuex.Store({
	plugins: [
	    createPersistedState()
	],
	state: {
	    times: []
	},
	mutations: {
	    add ({times}) {
		times.push({id: times.length, time: new Date(), annotations: []});
	    },

	    annotate({times}, {idx, annotation}) {
		times[idx].annotations.unshift({time: new Date(), text: annotation});
	    },

	    reset(state) {
		state.times = [];
	    },
	}
    })
})