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

export default new Vuex.Store({
	state: {
		player: {
			isPlaying: false,
			isBuffering: false,
			volume: 0,
		},
	},
	mutations: {
		isPlaying(state, playerState) {
			state.player.isPlaying = playerState
		},
		isBuffering(state, bufferingState) {
			state.player.isBuffering = bufferingState
		},
		changeVolume(state, volume) {
			state.player.volume = volume
		},
	},
	actions: {
		isPlaying(context, playerState) {
			context.commit('isPlaying', playerState)
		},
		isBuffering(context, bufferingState) {
			context.commit('isBuffering', bufferingState)
		},
		changeVolume(context, volume) {
			context.commit('changeVolume', volume)
		},
	},
})