Vue.js CMS

<template>
  <div v-if="data">
    <h1>{{ data.movie.title }}</h1>
    <!-- .. -->
  </div>
</template>
<script>
import axios from 'axios'
function request({ query, preview }) {
  const endpoint = preview
    ? `https://graphql.datocms.com/preview`
    : `https://graphql.datocms.com/`
  const response = await axios.post(endpoint, { query });
  return response.data.data;
}
export default {
  data() {
    return {
      data: null
    };
  },
  async mounted() {
    this.data = await request({
      query: `{
        movie(filter: { title: { eq: "Inception" } }) {
          title
          releaseDate
          actors {
            name
          }
        }
      }`
    });
  }
};
</script>