Axiosを使用してVuexストアからデータを取得する

私は自分の質問に対する可能な答えを探し回っていましたが、それ以上の提案は見つかりませんでした。

私のプロジェクトの構成は次のとおりです。activePoolオブジェクトの情報を表示するPoolMainPageがあります。中には、PoolMainPageサブページ（TeamSelectorおよびPoolStandings）に移動するオプションがあり、activePoolオブジェクトの情報も必要です。

activePoolオブジェクトは、Vuexストアのエンドポイントからフェッチされます。そのためのコードは次のとおりです。

const actions = {  
  getActivePool({ commit }) {
    const config = {
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
      },
      withCredentials: true
    }
    const activePoolId = localStorage.getItem('activePoolId')
    if (activePoolId) {
      return axios.get('/pools/pool-information?poolId=' + activePoolId, config)
        .then((response) => {
          commit('SET_ACTIVE_POOL', response.data)
          return response
        })
        .catch((error) => {
          return Promise.reject(error)
        })
    } else {
      commit('SET_ACTIVE_POOL', null);
      return;
    }
  }
}

エンドポイントはその役割を果たし、activePoolオブジェクトを返します。私のPoolMainPageコンポーネント（およびサブコンポーネント）では、次のコマンドを使用して、このアクションを呼び出し、オブジェクトをフェッチします。

created() {
    if (!this.$store.getters.activePool) {
      this.$store.dispatch("getActivePool");
    }
  },

ページが更新され、activePoolがすでに設定されているたびにエンドポイントが呼び出されないようにするためのチェックを追加しました。実際にactivePoolコンポーネントにロードするために、計算されたプロパティを作成しました。

computed: {
    activePool() {
      return this.$store.getters.activePool;
    },
  },

これはすべて、エンドポイントがデータを返したときに機能しますが、その前に、activePoolオブジェクトに依存する別の計算されたプロパティでエラーが発生します。

maxToSpend() {
      return this.activePool.inGameBudget;
    },

質問1：実際に設定さmaxToSpendれるまで計算されないようにするにはどうすればよいactivePoolですか？単純にチェックを追加することもできif (this.activePool) {ますが、計算されたすべてのプロパティに対してそれを行う必要があります。

質問2：これが可能かどうかはわかりませんがactivePool、エンドポイントからをフェッチし、作成した各コンポーネント内の計算されたプロパティを使用して取得するコードを追加する必要がないことを確認するにはどうすればよいですか？TeamSelectorおよびPoolStandings？

すべてのヘルプ/提案は大歓迎です！不明な点がある場合や追加情報が必要な場合はお知らせください。

ありがとう！

ジェロエン