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 an unique identifier with the hid key, please read more about it.

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.'}

An 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.

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