Star rating

[Ahmed-Assaf]

Description

we need star rating component to put products rating in the site

Additional context

### Tasks

[noook]

I believe this is something easily achievable in your own codebase, and not really relevant to add to Nuxt UI.

[benjamincanac]

Duplicate #505. A PR was made back then (#513) but never took the time to review it 😬

[noook]

Please check this playground: https://stackblitz.com/edit/nuxt-ui-njem3p?file=components%2FStarRating.vue

<template>
  <div class="space-x-1">
    <UIcon
      v-for="i in rating"
      :key="i"
      name="i-heroicons-star-20-solid"
      class="text-yellow-500"
    />
    <UIcon v-for="i in 5 - rating" :key="i" name="i-heroicons-star" />
  </div>
</template>

<script setup lang="ts">
const props = defineProps<{
  rating: number;
}>();
</script>

<StarRating :rating="4" />

[benjamincanac]

@noook What do you think of #513? Should we close it?