⚠️ You are looking at the english version of the page. Help us translate it here.

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

Jumpa kesalahan atau ingin berkontribusi pada dokumentasi ini? Sunting halaman ini di GitHub!

Platinum Sponsors

Storyblok Support Us