The easiest way to manage content with Nuxt.js

// pages/movie.vue
<template>
  <article>
    <h1>{{movie.title}}</h1>
    Release date: {{movie.releaseDate}}
  </article>
</template>
<script>
import { Image, toHead } from "vue-datocms";
import { request } from "~/lib/datocms";
const query = `{
  movie(filter: { title: { eq: "Inception" } }) {
    title
    releaseDate
    actors {
      name
    }
  }
}`;
export default {
  components: {
    "datocms-image": Image
  },
  async asyncData({ params }) {
    const endpoint = node.env.PREVIEW_MODE ?
      'https://graphql.datocms.com/preview' :
      'https://graphql.datocms.com/'
    return await request(endpoint, query);
  }
};
</script>