Вывод данных для списка из массива данных с помощью vuex (store.js)?

Question

[HamSter]

Есть небольшой vue проект codesandbox

Была создана бд в firebase откуда тяну данные для вывода списка product

firebase:

const config = {
  ...
};

firebase.initializeApp(config);

// firebase utils
const db = firebase.firestore();

// firebase collections
const usersCollection = db.collection("users");
const locationsCollection = db.collection("locations");

export { firebase, db, usersCollection, locationsCollection };

store.js:

import { firebase, locationsCollection } from "@/firebase";

export default new Vuex.Store({
  state: {
    appTitle: "Landing Page",
    locations: []
  },
  mutations: {
    setLocations(state, payload) {
      state.locations = payload;
    },
    setUserLocations(state, payload) {
      state.userLocations = payload;
    }
  },
  actions: {
    async getLocations({ state, commit }) {
      locationsCollection
        .get()
        .then(querySnapshot => {
          let locationsArray = [];

          querySnapshot.forEach(doc => {
            let location = doc.data();
            location.id = doc.id;
            locationsArray.push(location);
          });

          commit("setLocations", locationsArray);
        })
        .catch(() => {
          commit("setLocations", []);
        });
    },
    addLocation({ state }, payload) {
      firebase
        .database()
        .ref()
        .child("/locations")
        .push(payload);

      //console.log(payload);
    },
    getUserLocations({ state, commit }) {
      return firebase
        .database()
        .ref("/locations")
        .once("value", snapshot => {
          commit("setUserLocations", snapshot.val());
        });
    }
  },
  getters: {}
});

Вопрос: В проекте есть файл data.json. Как можно аналогичным способом , только не с firebase, а с json файла или просто с массива "стянуть" данные для product ?

Answer 1

[Miki06]

Import arr from "./test.json"