title: Nuxt.js SEO Practises
body: <p>I am looking for ways to refactor this:</p>
  
  <p><strong>nuxt.config.js</strong></p>
  
  <pre><code>const headConfig = require('./config/head')
  const modulesConfig = require('./config/modules')
  
  const config = {
    head: headConfig,
  
  (...)
  }
  
  module.exports = Object.assign({}, config, modulesConfig)
  </code></pre>
  
  <p><strong>config/head.js</strong></p>
  
  <pre><code>module.exports = {
    meta: [
      {charset: 'utf-8'},
      {name: 'viewport', content: 'width=device-width, initial-scale=1'},
      {name: 'fb:app_id', content: 'xxxx'},
      {hid: 'og:url', name: 'og:url', content: 'xxxx'},
      {hid: 'og:type', name: 'og:type', content: 'website'},
      {hid: 'og:image', name: 'og:image', content: 'xxxx'},
      {hid: 'og:site_name', name: 'og:site_name', content: 'xxxx'},
      {hid: 'keywords', name: 'keywords', content: 'xxxx'}
  ]
  }
  </code></pre>
  
  <p>An example of what I'd like to be able to do is to automatically set the 'og:url' to the url of the page. There is no need to repeat that every time.</p>
  
  <p>At the moment I include this in each page of my Nuxt.js app:</p>
  
  <pre><code>    {
        hid: 'og:url',
        property: 'og:url',
        content: 'https://website.com' + this.$route.fullPath
      },
  </code></pre>
  
  <p>I am sure there is a better way to automatically set that somewhere :/</p>