Живые курсоры на kosarev.space
Интеграция nuxt-live-cursors в портфолио: общий курсорный слой и нативная панель профиля с учётом устройства и настройки движения.
Задача
Добавить присутствие других посетителей, сохранив удобство чтения портфолио, кейсов и резюме.
Технические подробности
Решение
Я интегрировал nuxt-live-cursors и его нативную панель профиля. Компонент включается на страницах портфолио и кейсов для точного указателя; на сенсорных устройствах, при reduced motion и на CV/print он не монтируется. Через публичный слот добавлены смена профиля, скрытие курсоров и ссылка на этот кейс. Скрытие сохраняет соединение.
Результат
Совместные курсоры работают в существующем интерфейсе. Поведение проверяется E2E-сценариями с отдельными страницами и реальными WebSocket-соединениями, включая переподключение и смену настройки движения.