🐛 v-html Breaks SSR on Page Refresh - Hydration Mismatch #13279
Unanswered
Zisan-uzum
asked this question in
Q&A
Replies: 1 comment
-
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Using v-html in Nuxt components causes hydration mismatches that break pages when refreshed. The issue occurs because:
Server-Side: Nuxt renders static HTML during SSR
Client-Side: Vue processes v-html and potentially changes DOM structure
Mismatch: Vue detects differences and discards server HTML, causing content to break
- Defeats SSR purpose, bad for SEO
Beta Was this translation helpful? Give feedback.
All reactions