🔗 Linked issue

#2419

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

This PR follows up on nuxt/nuxt#12980. The issue it solves occurs in the initial render cycle, if there are multiple useMeta tags for the same tag type, e.g.:

useMeta({ script: /* ... */ })
useMeta({ script: /* ... */ })

In this case, immediately triggering updateDOM after the first call causes a mismatch because we haven't yet registered the second script tag yet, and so it's removed. It's then added back, triggering the rerun.

By deferring updateDOM to mounted on the initial render, we give Vue a chance to process all these tags.

As a side effect, we are also more performant because we only trigger a single update, rather than a different one for every different useMeta call and meta tag we insert.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.