vue-lite-rate

Vue rate component

Project setup

npm i vue-rate-lite

Props

• star
  description: star number
  type: float/string(number)/integer
  required: true

• commentNumber
  description: comment number
  type: string(number)/integer
  required: false

• rateNumber
  description: rate number
  type: boolean
  required: false

Usage with Nuxt

<template>
  <client-only>
    <Rate star="3.5" comment-number="123" rate-number />
  </client-only>
</template>

<script>
  export default {
    components: {
      Rate: () => import("vue-rate-lite"),
    },
  };
</script>