import Cookies from 'js-cookie'

const state = {
    size: 'small',
    theme: '#409EFF',
    splitScreen: false,
}

const mutations = {
    SET_SIZE: (state, size) => {
        state.size = size
        Cookies.set('size', size)
    },
    UPDATE_THEME (state, val) {
        state.theme = val;
    },
    SET_SCREEN (state, val) {
        state.splitScreen = val;
    },
}

const actions = {
    setSize ({ commit }, size) {
        commit('SET_SIZE', size)
    },
    updateTheme ({ commit }, val) {
        commit('UPDATE_THEME', val)
    },
    settScreen ({ commit }, val) {
        commit('SET_SCREEN', val)
    },
}

export default {
    namespaced: true,
    state,
    mutations,
    actions
}