The head Property

Nuxt.js let you define all default meta for your application inside nuxt.config.js, use the same head property:

  • Type: Object
module.exports = {
  head: {
    titleTemplate: '%s - Nuxt.js',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Meta description' }
    ]
  }
}

To know the list of options you can give to head, take a look at vue-meta documentation.

INFO: You can also use head in the page components and access to the component data through this, see component head property.

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!