Static GitHub Issues

[1815] Nested <nuxt-link> issue

prev: Google statistics in nuxt.js pro,ga is not defined
next: Image optimization

I'd like to do the following:

` <nuxt-link to="/">

      <div class="preview-text">
        Text
      </div>
      <nuxt-link to="/example">Link</nuxt-link>
    </nuxt-link>`

But I'm getting:

Vue warn: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.

And the nested link (/example) is rendering twice.

Any ideas why? Thanks!

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1630">#c1630</a>)</em></sub></div>