import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

const store = new Vuex.Store({
    state: {
        movies: [],
        actors: []
    },
    getters: {
        movies: state => {
            return state.movies
        },
        actors: state => {
            return state.actors
        }
    },
    actions: {
        getMovies (context) {
            axios.get('/api/movies')
                .then((movies) => {
                    context.commit('setMovies', movies)
                })
        },
        getActors (context) {
            axios.get('/api/actors')
                .then((actors) => {
                    context.commit('setActors', actors)
                })
        }
    },
    mutations: {
        setMovies (state, movies) {
            state.movies = movies
        },
        setActors (state, actors) {
            state.actors = actors
        }
    }
})

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