text: import {
      reqGetPredictTeamRankings,
      reqGetTeamScoreDetails,
      reqHomeMatchResult
  } from '@/api'
  import Vue from "vue";
  
  const state = {
      homeMatchResult: [],
      TeamScoreDetails: [],
      homeMatchResult:[]
  };
  const actions = {
      async GetPredictTeamRankings({
          commit
      }, data) {
          let request = await reqGetPredictTeamRankings(data);
          commit("GETPREDICTTEAMRANKINGS", request)
      },
      /*  */
      async GetTeamScoreDetails({
          commit,
      },data) { 
          let ary = []
   
          for(let i = 0;i<data.homeMatchResult.length;i++){
              let request = await reqGetTeamScoreDetails(data.homeMatchResult[i].team_id);
          /*      let requestTwo = await reqHomeMatchResult(data[i].team_id);
               console.log(requestTwo.homeMatchResult); 
              aryTwo.push(requestTwo.homeMatchResult) */
              ary.push(request.homeMatchResult[0])
          }
   /*        commit("GETHOMEMATCHRESULT", ary) */
          commit("GETTEAMSCOREDETAILS", ary)
      },
  };
  const mutations = {
      GETPREDICTTEAMRANKINGS(state, homeMatchResult) {
          Vue.set(state, "homeMatchResult", homeMatchResult)
      },
      GETTEAMSCOREDETAILS(state, TeamScoreDetails) {
          Vue.set(state, "TeamScoreDetails", TeamScoreDetails)
      },
  
  };
  const getters = {
      homeMatchResult(state) {
          return state.homeMatchResult.homeMatchResult || []
      },
      TeamScoreDetails(state) {
          return state.TeamScoreDetails || []
      },
   
  };
  
  
  export default ({
      state,
      mutations,
      actions,
      getters
  })