diff --git a/pages/index.vue b/pages/index.vue
index 353f350..dccdbc5 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -8,13 +8,9 @@
 <script>
 export default {
   name: "Movies",
-  data() {
-    return {
-      films: []
-    };
-  },
-  async mounted() {
-    this.films = await this.$axios.$get("/api/films");
+  async asyncData({ $axios }) {
+    const films = await $axios.$get("/api/films");
+    return { films };
   }
 };
 </script>