export const state = () => ({
  films: [],
  film: {}
});

export const mutations = {
  setFilms: (state, films) => {
    state.films = films;
  },
  setFilm: (state, film) => {
    state.film = film;
  }
};

export const actions = {
  async getFilms({ commit }) {
    try {
      const films = await this.$axios.$get("/api/films");
      commit("setFilms", films);
    } catch (e) {
      throw Error("API Error occurred.");
    }
  },
  async getFilm({ commit }, id) {
    try {
      const film = await this.$axios.$get(`/api/films/${id}`);
      commit("setFilm", film);
    } catch (e) {
      throw Error("API Error occurred.");
    }
  }
};

export const getters = {};