import Vue from 'vue'
import Vuex from 'vuex'
import {getDeviceList} from "@/api/home";

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    deviceInfo:null
  },
  getters: {
    currentDeviceName (state){
      return  state.deviceInfo?.deviceList?.find((ele) => ele?.deviceID === state.deviceInfo?.currentDeviceID)
        ?.deviceName ?? ''
    }
  },
  mutations: {
    setDeviceInfo(state,deviceInfo){
      state.deviceInfo = deviceInfo
    }
  },
  actions: {
    getDeviceInfo({commit}){
      return  getDeviceList().then(res=>{
        commit('setDeviceInfo',res.data)
      }).catch(err=>{
        console.error(err)
        commit('setDeviceInfo',null)
      })
    }
  },
  modules: {
  }
})