AverageRating renderiza as estrelas de avaliação e o total de reviews aprovados de um produto. Ao clicar, rola a página até a seção de avaliações. O comportamento visual muda dependendo de onde é usado: em cards de produto (isGrid: true) ou na página do produto.
Uso
Em cards de produto (grade):Propriedades
| Propriedade | Tipo | Obrigatória | Valor padrão | Descrição |
|---|---|---|---|---|
product | Object | ✅ | — | Objeto do produto contendo average_reviews e total_approved_reviews. |
isGrid | Boolean | ❌ | false | Quando true, exibe versão compacta para uso em cards de produto (sem o texto “avaliações”). |
Comportamentos automáticos
- Clique: ao clicar no componente, a página rola suavemente até a seção de avaliações do produto.
- Preenchimento das estrelas: cada estrela é preenchida proporcionalmente à média (suporte a meias estrelas).