/* eslint-disable no-param-reassign */
import IStateDarkmode from "../interfaces/IStateDarkmode";

const state: IStateDarkmode = {
  darkmodeSupported: false,
  userChoice: undefined
};

/* eslint-disable @typescript-eslint/no-shadow */
export default {
  namespaced: true,
  state,
  getters: {
    darkmodeSupported: (state: IStateDarkmode) => state.darkmodeSupported
  },
  mutations: {
    SET_DARKMODE_SUPPORT: (
      state: IStateDarkmode,
      browserSupported: boolean
    ) => {
      state.darkmodeSupported = browserSupported;
    }
  },
  actions: {
    findAndSetDarkmodeSupported({ commit }) {
      const browserSupported =
        window.matchMedia("(prefers-color-scheme)").media !== "not all";
      commit("SET_DARKMODE_SUPPORT", browserSupported);
    }
  }
};