Refactor films/_id to use vuex

store/index.js

@@ -1,10 +1,14 @@
 export const state = () => ({
-  films: []
+  films: [],
+  film: {}
 });
 
 export const mutations = {
   setFilms: (state, films) => {
     state.films = films;
+  },
+  setFilm: (state, film) => {
+    state.film = film;
   }
 };
 
@@ -16,6 +20,14 @@ export const actions = {
     } 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.");
+    }
   }
 };