Как вынести повторяющийся контент и показывать его перебором?

Question

[badassstas]

Начинаю изучать vue.js, сделал простенький лэндинг в котором есть блок чтобы не засорять верстку вынес все в отдельный js-файл и настроил показ перебором массива(не уверен, как лучше объяснить) ссылка на код: https://jsfiddle.net/c5qm2Lsk/ c логотипом и названием вышло, но с рейтингом проблемы. Понимаю, что указывать несколько одинаковых png подряд-очень глупо, но не знаю как иначе. Любые существенные замечания (что не так и как правильно) по коду приветствуются.
П.с. пока все выглядит так

Answer 1

[0xD34F]

Рейтинг должен быть не набором картинок, а числом. В зависимости от которого, та или иная картинка будет показана определённое количество раз:

<img v-for="i in 5" :src="i > ratingValue ? whiteStar : blackStar">

https://jsfiddle.net/cfvt6ka3/

Comments

[badassstas]

Благодарю, помогло)