тега <client-only>?
Написанием валидного кода?
Компоненты вроде infinity scroll генерируют внешне валидный код, но в продакшне он может сыпаться в режиме SSR загрузки.
Проблем гидрации по сути всего две - несоответствие DOM дерева на клиенте тому что был на сервере и невалидный HTML (<p> внутри <p> и тд)
Судя по тому, что я нашёл, этим проблема действительно может исчерпываться.
Да, но найти в чем проблема порой может быть очень не просто) У меня был кейс - добавили кеширование SSRa и в какой-то момент гидрация начала сыпаться абсолютно случайным образом. Выяснилось потом что кеширование не учитывало user-agent и десктопному пользователю иногда долетал мобильный html в котором v-ifом были убраны ненужные на мобиле элементы
Обсуждают сегодня