Vue 3. Rating icon. Tab checked Rating Icon

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

<div>
  <BaseImg
    v-for="item in 5"
    :key="item"
    size="small"
    icon="star"
    margin="4px"
    color="grey.g300"
  >
    {{ item }}
  </BaseImg>
</div>