[Nuxt3] [Vue warn]: Hydration style mismatch on 에러 해결하기

Vue Hydration 불일치 경고는 서버 사이드 렌더링(SSR)에서 서버에서 생성된 HTML과 클라이언트에서 생성된 HTML이 일치하지 않을 때 발생합니다.

 

이럴 경우 html 태그에 <client-only> 태그로 감싸주면됩니다.