Now159

вот так

Градиентом нарисовать:

const { filledColor: F, emptyColor: E, ...props } = defineProps({
  value: Number,
  maxValue: Number,
  segments: {
    type: Number,
    default: 5,
  },
  filledColor: {
    type: String,
    default: 'red',
  },
  emptyColor: {
    type: String,
    default: 'black',
  },
});

const background = val =>
  val >= 1 ? F :
  val <= 0 ? E :
             `linear-gradient(to right, ${F}, ${F}, ${val * 100}%, ${E} ${val * 100}%)`;

<div class="rating">
  <div
    v-for="i in segments"
    :style="{ background: background(value / maxValue * segments - i + 1) }"
    class="rating-segment"
  ></div>
</div>

items.map(el => el.id);

Если я верно понял, push в массив сделать вот так:
this.itemsSelected.push(item.id);
Т.е. пушить в массив не объект а именно id.

Можно ещё вот так, что бы именно в массив добавилось число типа int (целое число)
this.itemsSelected.push(parseInt(item.id, 10));
Лучше тогда вот этот второй вариант использоваться если item.id имеет тип string, что бы id был число

https://codepen.io/wapster92/pen/mdXGqoM

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