feat(rating): allow for easy override of rating labels

algolia · Mar 14, 2017 · e51bb77 · e51bb77
1 parent 13b6ea7
commit e51bb77
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/packages/vue-algolia-rating-facet/src/RatingFacet.vue b/packages/vue-algolia-rating-facet/src/RatingFacet.vue
@@ -22,11 +22,18 @@
                  @change="toggleRefinement(facet)"
                  :name="name"
           >
-          <template v-for="n in max">
-            <span v-if="n <= facet.name" class="alg-rating-facet__star">&#9733</span>
-            <span v-else class="alg-rating-facet__star alg-rating-facet__star--empty">&#9734</span>
-          </template>
-          &nbsp;&amp; up <span class="alg-rating-facet__count">({{facet.count}})</span>
+          <slot :value="facet.value"
+                :min="min"
+                :max="max"
+                :count="facet.count"
+          >
+            <template v-for="n in max">
+              <span v-if="n <= facet.value" class="alg-rating-facet__star">&#9733</span>
+              <span v-else class="alg-rating-facet__star alg-rating-facet__star--empty">&#9734</span>
+            </template>
+            &nbsp;&amp; up
+            <span class="alg-rating-facet__count">({{facet.count}})</span>
+          </slot>
         </label>
       </li>
     </ul>