Интеграция вёрстки Vue в другой сайт с собственной вёрсткой

<p>Есть сайт, в котором фронтенд реализован на Vue: <a href="http://calc.rwl.ru">calc.rwl.ru</a>. В теле сайта выводятся калькуляторы, которые выполняют расчёт некоторой информации. Всего на сайте есть 7 калькуляторов.</p><p>Разрабатывается новый сайт. Вёрстку текущего сайта на Vue надо внедрить в тело нового сайта. Необходимо внедрить все 7 калькуляторов.</p><p>В рамках задачи предоставляются бэкап проекта на Vue и вёрстка нового сайта. Подготовлен репозиторий на Github, вести разработку в нём.</p><p>В рамках задачи необходимо:</p><ol><li><p>Из вёрстки исходного сайта на Vue необходимо убрать роутинг, убрать хэдер и футер, оставить только тело калькулятора.</p></li><li><p>Реализовать подключение калькулятора в теле html страницы с хэдером и футером нового сайта.</p></li><li><p>Создать 7 html страниц на основе вёрстки, которая приложена к задаче. На каждой из страниц подключить калькулятор.</p></li><li><p>Разобраться (самостоятельно в том числе) где выводятся продукты на каждом из калькуляторов и реализовать опцию при подключении калькулятора на странице, где можно передать внутренние id товара или товаров. Если id товаров переданы в параметрах, то выводить только эти товары.</p></li></ol><p>Для проекта заведен git. Работать в этом репозитории:</p><p><a href="https://github.com/novoxpro/rockwool.calc.front">https://github.com/novoxpro/rockwool.calc.front</a></p><p>Html вёрстка, в которую нужно вставить калькуляторы (вёрстка нового сайта):</p><p><a href="https://drive.google.com/file/d/1cmKrga_U8r3s_E11pEHZTNYpzkmW7sQl/">https://drive.google.com/file/d/1cmKrga_U8r3s_E11pEHZTNYpzkmW7sQl/</a></p><p>Полный бэкап проекта на Vue на случай, если что-то из репозитория "не заведётся":</p><p><a href="https://drive.google.com/file/d/1kSDgornUUUzlABZFIyZzOj8IccyBultA/">https://drive.google.com/file/d/1kSDgornUUUzlABZFIyZzOj8IccyBultA/</a></p>