Нужно сделать кастомный курсор. Типа есть кружочек, который заменяет курсор мыши на сайте и он красиво анимируется при наведении на разные элементы. На пример при ховере на видео курсор превращается в кнопку плэй и т.д.
На сколько я понимаю курсор - это компонент. Видео - тоже компонент. Получается мне нужен механизм, который из компонента видео сможет менять компонент курсора. Я использовал
useState . Вроде как все работает, но не могу понять одного. В доках написано:
Nuxt provides the useState composable to create a reactive and SSR-friendly shared state across components.
Что означает в данном случае
SSR-friendly? Я затестил, отключил js и с сервера прилетает правильный класс для курсора. Но как работает в данном случае реактивность? Если я изменю при ховере на видео классы, то переменная изменится только на клиенте или на сервере тоже?
Средний
