Как работает State Managment в nuxt 3?

Question

[Андрей Куклин]

Нужно сделать кастомный курсор. Типа есть кружочек, который заменяет курсор мыши на сайте и он красиво анимируется при наведении на разные элементы. На пример при ховере на видео курсор превращается в кнопку плэй и т.д.

На сколько я понимаю курсор - это компонент. Видео - тоже компонент. Получается мне нужен механизм, который из компонента видео сможет менять компонент курсора. Я использовал useState . Вроде как все работает, но не могу понять одного. В доках написано:

Nuxt provides the useState composable to create a reactive and SSR-friendly shared state across components.

Что означает в данном случае SSR-friendly? Я затестил, отключил js и с сервера прилетает правильный класс для курсора. Но как работает в данном случае реактивность? Если я изменю при ховере на видео классы, то переменная изменится только на клиенте или на сервере тоже?

Answer 1

[Aetae]

SSR-friendly - значит что ты не должен об этом думать, а за тебя подумает фреймворк и сделает всё интуитивно снаружи и правильно внутри.)