Want to take a look at our new docs? Our new docs are now in beta. Have fun!

Duplicated Meta Tags?

This is a "feature" of vue-meta, please take a look at the documentation of head elements.

To avoid any duplication when used in child component, please give a unique identifier with the hid key. Learn more.

For the meta description, you need to add the unique identifier hid so vue-meta will know that it has to overwrite the default tag.

Your nuxt.config.js:

...head: {
    title: 'starter',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { name: 'keywords', content: 'keyword 1, keyword 2'},
      { hid: 'description', name: 'description', content: 'This is the generic description.'}
    ],
  },
...

And then in your individual page:

export default {
  head() {
    return {
      title: `Page 1 (${this.name}-side)`,
      meta: [
        {
          hid: 'description',
          name: 'description',
          content: 'Page 1 description'
        }
      ]
    }
  }
}

To learn how to use the head property in your pages, please see the HTML head documentation.

Contributors

Contribution for this page is now closed. If you would like to contribute please check out our new docs are now in beta. Have fun!

Platinum Sponsors

StoryblokMoovweb Support Us