Разобраться с генерацией мета тегов в приложении на Nuxt.js

Nuxt.js

"dependencies": {

    "@nuxtjs/axios": "^5.12.5",

    "@nuxtjs/robots": "^2.4.2",

    "@nuxtjs/sitemap": "^2.4.0",

    "aos": "^2.3.4",

    "axios": "^0.21.1",

    "core-js": "^3.6.5",

    "jquery": "^3.5.1",

    "marked": "^1.2.7",

    "nuxt": "^2.14.0",

    "nuxt-purgecss": "^1.0.0",

    "vue-friendly-iframe": "^0.19.0",

    "vue-lazyload": "^1.3.3",

    "vue-owl-carousel": "^2.0.3",

    "vue-vimeo-player": "^0.1.1"

  },

При генерации проекта прри помощи команды npm run generate не генерируются следующие мета теги - title и meta description.

nuxt.config.js

export default {

  head: {

    meta: [

      { charset: "utf-8" },

      { name: "viewport", content: "width=device-width, initial-scale=1" },

      { hid: "description", name: "description", content: "" },

      {

        hid: "og:title",

        property: "og:title",

        content: “xxxxx - Rated #1 in Video Ad Service"

      },

      {

        hid: "og:description",

        property: "og:description",

        content:

          “xxx”

      },

      {

        hid: "og:type",

        property: "og:type",

        content: "website"

      },

      {

        hid: "og:image",

        property: "og:image",

        content: "/og-image.png"

      },

      {

        hid: "og:url",

        property: "og:url",

        content: “xxxxx”

      },

      {

        hid: "og:locale",

        property: "og:locale",

        content: "en_GB"

      }

    ],

    link: [

      { rel: "icon", type: "image/x-icon", href: "/favicon.png" },

      {

        rel: "stylesheet",

        href: "/libs/bootstrap/bootstrap-reboot.min.css"

      },

      {

        rel: "stylesheet",

        href: "/libs/bootstrap/bootstrap-grid.min.css"

      },

      // {

      //   rel: "stylesheet",

      //   href: "/libs/owl-carousel/owl.carousel.css"

      // },

      {

        rel: "stylesheet",

        href: "/css/main.css"

      },

      {

        rel: "stylesheet",

        href: "/css/media.css"

      }

    ],

    script: [

      {

        src: "https://code.jquery.com/jquery-1.11.1.min.js"

      },

      {

        src: "/js/common.js"

      },

      {

        src: "/ga.js"

      },

      {

        src: "/pixel.js"

      }

    ]

  },

  target: "static",

  sitemap: {

    hostname: “xxxxxxxxx”,

    path: "/sitemap.xml"

  },

  css: [],

  plugins: [

    { src: "~/plugins/lazy", ssr: false },

    { src: "~/plugins/iframe", ssr: false },

    { src: "~/plugins/aos", ssr: false }

  ],

  components: true,

  buildModules: [],

  modules: ["@nuxtjs/axios", "@nuxtjs/sitemap", "@nuxtjs/robots"],

  build: {}

};

На каждой странице есть конструкция head:

head() {

    return {

      title: ‘xxxxx - Rated #1 in Video Ad Service',

      meta: [

        {

          hid: "description",

          name: "description",

          content:

            “xxxxx”,

        },

      ],

    };

  },

При генерации в html встраиваются нормально только мета теги связанные с open graph (og:), те которые прописаны в nuxt.config.js. Эксперемента ради, убирал все посторонние библиотеки и пробовал генерировать, на удивление все генерится как нужно.

Также если в nuxt.config прописать статический title, при генерации он встраивается нормально в разметку html

При запуске проекта на сервере title и meta description отрабатывает как нужно, то есть, после загрузки скриптов ставятся нужные теги, но к примеру seo боты не дожидаются загрузгки скриптов и не видят этих тегов

https://www.smashingmagazine.com/2019/05/vue-js-seo-reactive-websites-search-engines-bots/