Vue.js: компонент-виджет постера фильма

Структура компонента:

1. Два слоя - подложка и кнопка

2. Подложка - изображение. Постер, получаемый с API Kinoinfo по ID фильма. Пример: http://kinoinfo.ru/api/film_posters/?id=566

Пропорции постера фиксированы 1:1,4

Высота постера в пикселях должна задаваться параметром виджета-компонента

3. Кнопка интегрального рейтинга. Расположение, размер, цвет кнопки смотри на примере постера на киноинфо: http://kinoinfo.ru/film/42338/

Здесь кнопка с рейтингом "3".

У кнопки есть логика: исходные данные нужно получить от сайта IMDb по ID: https://www.imdb.com/plugins?titleId=tt7541720&ref_=tt_plg_rt

но взять только рейтинг, сама кнопка IMDb не нужна.

Далее компонент должен пересчитать рейтинг IMDb в четырёхбалльную систему (дам ее позднее), задать цвет фона кнопки в соответствии с полученным баллом и вывести поверх подложки с полупрозрачностью и вывыдением рейтинга IMDb при наведении на кнопку. 

Код компонента разместить на ГитХабе в моем репозитории. Хостинг виджета будет на Хероку. Критерий выполненной работы - пример встраивания виджета с идами нескольких разных фильмов в любой сторонний сайт, я буду проверять на лэндинге, сделанном в конструкторе сайтов Тинькофф.