Refactor films/_id to use vuex

pages/films/_id.vue

@@ -5,6 +5,8 @@
 </template>
 
 <script>
+import { mapState } from "vuex";
+
 export default {
   name: "Film",
   head() {
@@ -18,14 +20,11 @@ export default {
     );
     return uuid.test(params.id);
   },
-  async asyncData({ $axios, params }) {
-    const film = await $axios.$get(`/api/films/${params.id}`);
-    return { film };
+  async asyncData({ params, store }) {
+    await store.dispatch("getFilm", params.id);
   },
-  data() {
-    return {
-      film: {}
-    };
+  computed: {
+    ...mapState(["film"])
   }
 };
 </script>