title: Nuxt JS i18n / multilingual with headless CMS
body: <p>Just started playing around with Nuxt (and Vue in general) so please forgive me if I am overlooking something obvious here.</p>
  
  <p>I am trying to set up a multilingual site using DatoCMS as my content source.</p>
  
  <p>I have set up the nuxt-i18n plugin, translated routes and all is working fine. Now in a page, I need to switch the content depending on the current locale and I have only found examples with the content being stored locally in json files etc.</p>
  
  <p>I found a workaround which can't be the way it is supposed to be:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;div v-if="this.$metaInfo.htmlAttrs.lang === 'de-DE'"&gt;{{homepage.germanTitle}}&lt;/div&gt;
      &lt;div v-else&gt;{{homepage.englishTitle}}&lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import gql from 'graphql-tag'
  
  export default {
    apollo: {
      homepage: gql`
        {
          homepage {
            id
            title
            englishTitle: title(locale: en)
            germanTitle: title(locale: de)
          }
        }
      `
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Any pointers would be much appreciated! :)</p>