Общее описание задачи
Необходимо разработать редактируемую таблицу на холсте (canvas) с использованием Vue.js (Options API). Функционал и дизайн должны полностью копировать эталонный экран, предоставленный в Figma (тип проекта - FigmaJam).
Основные элементы
- Редактируемая таблица - поддержка добавления, редактирования и удаления ячеек на холсте.
- Локальное меню и кнопки - инструментальная панель (аналогично скрин 2 и скрин 3 в референсе) для изменения параметров таблицы (шрифт, заливка, границы и т.д.).
- Контекстное меню - меню, которое появляется при клике правой кнопкой мыши на элементах таблицы (соответствует скрин 4 в референсе).
Технические требования
- Стек: Vue.js (Options API).
- Все элементы рендерятся через canvas (без DOM-верстки для основного содержимого).
- Интерактивность достигается через обработчики событий мыши (наведение, клик, ПКМ).
- Кнопки и меню - наложенные элементы поверх canvas либо отрисованные средствами canvas (на выбор исполнителя).
Процесс выполнения
Исполнитель получает ссылку на Figma-макет. Использовать сайты, телефоны или названия сторонних сервисов в коде запрещено. Итоговый код должен быть готов к локальному запуску (может быть реализован без серверной части).