Acapedia - Vuex store using the featureFlagProvider

FeatureFlagVuexStore.js

import { createStore } from 'vuex';
import axios from 'axios';
import { featureFlagProvider } from '@/lib/featureFlag';

export default createStore({
  state: {
    products: [],
  },
  mutations: {
    SET_PRODUCTS(state, products) {
      state.products = products;
    },
  },
  actions: {
    async fetchProducts({ commit }) {
      const response = await axios.get('https://api.example.com/products');
      let products = response.data;

      // If the feature flag is enabled, we fetch additional data (e.g. rating) for each product
      if (featureFlagProvider.isFeatureEnabled('ADD_PRODUCT_RATING')) {
        const ratingResponses = await Promise.all(
          products.map(product =>
            axios.get(`https://api.example.com/products/${product.id}/rating`)
          )
        );

        products = products.map((product, index) => ({
          ...product,
          rating: ratingResponses[index].data,
        }));
      }

      commit('SET_PRODUCTS', products);
    },
  },
});