nickfrosty / nuxt-seo

SEO / HTML meta tags module for NuxtJS
https://www.npmjs.com/package/nuxt-seo
MIT License
18 stars 6 forks source link

Conflict with vuetify #10

Open LynxTR opened 2 years ago

LynxTR commented 2 years ago

Issue: Initial website opening goes seemly, but when navigating with nuxt-link, vuetify's icon and font cdns getting removed.

Reproduction: Create nuxt app with vuetify and add nuxt-seo

Versions: Nuxt 2.15.8 Vuetify 2.6.3 Nuxt-Seo 1.6.0

RiaColaco05 commented 2 years ago

I'm facing a similar issue as well, the fonts CDN and favicons are getting removed when I dynamically pass title and description from template:

Code provided below: Nuxt.config,js:

seo: {
    baseUrl: 'https://www.test.com/',
    charset: 'utf-8',
    name: 'test App',
    title: 'test App',
    templateTitle: '%title%',
    description: 'test desc',
    canonical: 'auto',
    author: 'Tester',
    openGraph: {
      image: {
            url: 'logolinkhere',
            alt: 'test app',
            width: '200',
            height: '150',
          },
     site: '@test',
     site_name: 'test',
     creator: '@test',
     type: 'website',
     name: 'test App',
     url: 'https://test.com',
     title: 'test App',
     description: 'test',
   },
   twitter: {
      site: '@test',
      creator: '@test',
      card: 'app',
      type: 'app',
      title: 'test App',
      description: 'test',
    },
    facebook: {
      pageId: 'pageIDHere'
    },
    isForcedTrailingSlash: false
  },

Pages/index.vue

head({ $seo }) {
      return $seo({
        templateTitle: 'Blog',
        description: 'Check out these posts',
        keywords: 'blog, listing, articles',
      });
    },
Output:
The fonts and favicons go missing.
nickfrosty commented 2 years ago

Duplicate of #4 This is a known issue and I am working on a fix for it