[BUG] The contents of v-card children are duplicated when an anchor tag is added about vuetify-module HOT 3 OPEN

This is the thing. I need to use SSR.

The HTML Spec does not allow a div to be inside an anchor tag, and will auto-close directly when encountering one.

Then Vue tries to hydrate will see that the DOM is not as it should, give a warning and try to correct itself but without removing the extra nodes.

Maybe using spans instead of divs with display: block would help?

from vuetify-module.

Look in your developer console in the browser, its probably related to Hydration issues like mine was. The actual fix for me on Nuxt 3 was to disable ssr in my nuxt.config.js

ssr: false,

from vuetify-module.

Actually what I've noticed is that i can not put an anchor inside another anchor, some thing like that : <a> <div> some text </div> <a>Anchor</a> </a>
and if you see at the implementation of v-card you can figure that is an anchor element.
So, yeah to avoid that using span instead of divs with display: block` will help (#499 (comment))

from vuetify-module.