Collect films data in AsyncData method.

pages/index.vue

@@ -8,13 +8,9 @@
 <script>
 export default {
   name: "Movies",
-  data() {
+  async asyncData({ $axios }) {
-    return {
+    const films = await $axios.$get("/api/films");
-      films: []
+    return { films };
-    };
-  },
-  async mounted() {
-    this.films = await this.$axios.$get("/api/films");
   }
 };
 </script>