<template>
  <section>
    <h1>Ghibli films</h1>
    <div class="films">{{ films }}</div>
  </section>
</template>

<script>
export default {
  name: "Films",
  async asyncData({ $axios }) {
    const films = await $axios.$get("/api/films");
    return { films };
  }
};
</script>

<style></style>
