fix(rating): renamed StarsFacet to RatingFacet

Closes: #14

packages/vue-algolia-components/package.json

@@ -24,7 +24,7 @@
     "vue-algolia-navigation-tree-facet": "*",
     "vue-algolia-sort-by-selector": "*",
     "vue-algolia-clear-search": "*",
-    "vue-algolia-stars-facet": "*",
+    "vue-algolia-rating-facet": "*",
     "vue-algolia-empty-results": "*",
     "vue-algolia-search-facet": "*",
     "vue-algolia-price-range-facet": "*"

packages/vue-algolia-components/src/index.js

@@ -7,7 +7,7 @@ import ResultsPerPageSelector from 'vue-algolia-results-per-page-selector'
 import NavigationTreeFacet from 'vue-algolia-navigation-tree-facet'
 import SortBySelector from 'vue-algolia-sort-by-selector'
 import ClearSearch from 'vue-algolia-clear-search'
-import StarsFacet from 'vue-algolia-stars-facet'
+import RatingFacet from 'vue-algolia-rating-facet'
 import EmptyResults from 'vue-algolia-empty-results'
 import SearchFacet from 'vue-algolia-search-facet'
 import PriceRangeFacet from 'vue-algolia-price-range-facet'
@@ -22,7 +22,7 @@ const Algolia = {
   NavigationTreeFacet,
   SortBySelector,
   ClearSearch,
-  StarsFacet,
+  RatingFacet,
   EmptyResults,
   SearchFacet,
   PriceRangeFacet,
@@ -37,7 +37,7 @@ const Algolia = {
     Vue.component('navigation-tree-facet', NavigationTreeFacet)
     Vue.component('sort-by-selector', SortBySelector)
     Vue.component('clear-search', ClearSearch)
-    Vue.component('stars-facet', StarsFacet)
+    Vue.component('rating-facet', RatingFacet)
     Vue.component('empty-results', EmptyResults)
     Vue.component('search-facet', SearchFacet)
     Vue.component('price-range-facet', PriceRangeFacet)
@@ -61,7 +61,7 @@ export {ResultsPerPageSelector}
 export {NavigationTreeFacet}
 export {SortBySelector}
 export {ClearSearch}
-export {StarsFacet}
+export {RatingFacet}
 export {EmptyResults}
 export {SearchFacet}
 export {PriceRangeFacet}

packages/vue-algolia-playground/src/App.vue

@@ -43,11 +43,11 @@
             </div>
           </search-facet>
 
-          <stars-facet attribute="rating">
+          <rating-facet attribute="rating">
             <div slot="header">
               <h3>Rating</h3>
             </div>
-          </stars-facet>
+          </rating-facet>
         </div>
         <div class="col-md-10 col-sm-9">
           <div class="search-controls">
@@ -72,7 +72,7 @@
                 <div class="hit__info">
                   <h2 class="hit__name" v-html="hit._highlightResult.name.value"></h2>
                   <div class="hit__type" v-html="hit._highlightResult.type.value"></div>
-                  <div class="hit__stars">
+                  <div class="hit__rating">
                     <template v-for="n in 5">
                       <span v-if="n <= hit.rating" class="hit__star"></span>
                       <span v-else class="hit__star--empty"></span>
@@ -193,7 +193,7 @@
     font-size: 12px;
   }
 
-  .hit__stars {
+  .hit__rating {
     margin-top: 10px;
   }
 
@@ -278,8 +278,8 @@
 
   }
 
-  /* Stars Facet */
-  .alg-stars-facet {
+  /* Rating Facet */
+  .alg-rating-facet {
 
     input {
       display: none;
@@ -299,7 +299,7 @@
       padding-left: 0;
     }
 
-    .alg-stars-facet__item--active label {
+    .alg-rating-facet__item--active label {
       font-weight: bold;
 
       &:hover {
@@ -309,7 +309,7 @@
 
     }
 
-    .alg-stars-facet__clear {
+    .alg-rating-facet__clear {
       border: none;
       background: none;
       padding-left: 0;

packages/vue-algolia-stars-facet/package.json → packages/vue-algolia-rating-facet/package.json

@@ -1,13 +1,13 @@
 {
-  "name": "vue-algolia-stars-facet",
+  "name": "vue-algolia-rating-facet",
   "version": "0.0.0",
   "files": [
     "dist"
   ],
-  "main": "dist/vue-algolia-stars-facet.common.js",
-  "module": "dist/vue-algolia-stars-facet.esm.js",
-  "jsnext:main": "dist/vue-algolia-stars-facet.esm.js",
-  "unpkg": "dist/vue-algolia-stars-facet.js",
+  "main": "dist/vue-algolia-rating-facet.common.js",
+  "module": "dist/vue-algolia-rating-facet.esm.js",
+  "jsnext:main": "dist/vue-algolia-rating-facet.esm.js",
+  "unpkg": "dist/vue-algolia-rating-facet.js",
   "scripts": {
     "build": "yarn build-umd && yarn build-es && yarn build-cjs",
     "build-umd": "rollup -c ../../build/rollup.umd.config.js",

packages/vue-algolia-stars-facet/src/StarsFacet.vue → packages/vue-algolia-rating-facet/src/RatingFacet.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="alg-stars-facet" v-if="isVisible">
+  <div class="alg-rating-facet" v-if="isVisible">
     <slot name="header"></slot>
 
-    <button class="alg-stars-facet__clear"
+    <button class="alg-rating-facet__clear"
             type="button"
             @click="clear"
             v-if="currentValue"
@@ -12,8 +12,8 @@
 
     <ul>
       <li v-for="facet in facetValues"
-          class="alg-stars-facet__item"
-          :class="{'alg-stars-facet__item--active': facet.isRefined}"
+          class="alg-rating-facet__item"
+          :class="{'alg-rating-facet__item--active': facet.isRefined}"
       >
         <label>
           <input type="radio"
@@ -23,10 +23,10 @@
                  :name="name"
           >
           <template v-for="n in max">
-            <span v-if="n <= facet.name" class="alg-stars-facet__star">&#9733</span>
-            <span v-else class="alg-stars-facet__star alg-stars-facet__star--empty">&#9734</span>
+            <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-stars-facet__count">({{facet.count}})</span>
+          &nbsp;&amp; up <span class="alg-rating-facet__count">({{facet.count}})</span>
         </label>
       </li>
     </ul>

packages/vue-algolia-rating-facet/src/index.js

@@ -0,0 +1 @@
+export {default} from './RatingFacet.vue'