Use Vuex store to handle films

store/index.js

@@ -1,7 +1,18 @@
-export const state = () => ({});
+export const state = () => ({
+  films: []
+});
 
-export const mutations = {};
+export const mutations = {
+  setFilms: (state, films) => {
+    state.films = films;
+  }
+};
 
-export const actions = {};
+export const actions = {
+  async getFilms({ commit }) {
+    const films = await this.$axios.$get("/api/films");
+    commit("setFilms", films);
+  }
+};
 
 export const getters = {};