Требуется доработать готовый компонент на странице на Nuxt 3 + NuxtUI + Tailwind
Дизайн в Figma:
https://www.figma.com/design/ImTrkPJLCskd4YoSiP50D...Свёрстанные страницы и готовые компоненты, которые можно переиспользовать, можно посмотреть на странице "Дизайн" там же - в Figma.
Исходные данные: на странице /testo-flat проекта реализована часть вёрстки из макета, но нет переключателя планировки и плана этажа
Задача:- Сверстать кнопки переключения планировки и плана этажа согласно макета
- Реализовать функционал переключения планировки и плана этажа
Требуемое тех. решение:- Предусмотреть параметр (props) компонента для указания ссылки на план этажа
- При указании параметра ссылки на план этажа начинает отображаться переключатель планировки/плана этажа
- План этажа поставить последним в карусели изображений (изображения передаются массивом в параметре в компонент галереи)
- При переключении на планировку отображать первое изображение из массива из входных параметров компонента через готовый метод API
- При переключении на план этажа отображать последнее изображение
- Вёрстка переключателя должна быть адаптивной согласно макета
Тех. детали:- Компоненты являются функциональными и используют TSX
- Вёрстка должна быть адаптивной - от 350px, в макете есть вид для настольного компьютера и мобильного телефона
- Код должен проходить типизацию TypeScript и линтер ESLint без ошибок, которые настроены на проекте (готовые команды есть в package.json)
- Код, название файлов и их расположение не должны нарушать имеющуюся архитектуру проекта
- Проект может быть развёрнут через docker-compose.yml + Makefile
Стек для работы:При успешном выполнении задания будет рассмотрен вариант работы над backend частью проекта, вёрстка следующей части проекта из нескольких страниц, а так же возможность работы над другими проектами на том же стеке.
