import Vue from 'vue'
import Vuex from 'vuex'
import App from './App.vue'

Vue.use(Vuex)

const store = new Vuex.Store({
    state: {
        count: 0,
        size: 10,
        isLogin: false,
        todos: [
          { id: 1, text: '...', done: true },
          { id: 2, text: '...', done: false }
        ]
    },
    getters: {
      doneTodos: state => {
        return state.todos.filter(todo => todo.done)
      }
    },
    mutations: {
        increment: state => state.count++,
        decrement: state => state.count--,
        login: state => state.isLogin = true
    }
})

new Vue({
    el: '#app',
    store,
    render: h => h(App)
})

export {
    store
}