added ant d rating

Fullstack-Serverless-GraphQL · Aug 4, 2020 · 62406c4 · 62406c4
1 parent 494da39
commit 62406c4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/src/components/cards/ListingCard.vue b/src/components/cards/ListingCard.vue
@@ -8,12 +8,7 @@
       </div>
 
       <p class="font-display text-lg mt-8">${{ price }}</p>
-      <star-rating
-        :rating="rating"
-        read-only
-        :show-rating="false"
-        :star-size="20"
-      ></star-rating>
+      <a-rate :default-value="rating" disabled />
     </div>
   </div>
 </template>

diff --git a/src/main.js b/src/main.js
@@ -1,7 +1,7 @@
 import Vue from "vue";
 import App from "./App.vue";
 import router from "./router";
-import { Tabs } from "ant-design-vue";
+import { Tabs, Rate } from "ant-design-vue";
 import StarRating from "vue-star-rating";
 import { createProvider } from "./vue-apollo";
 
@@ -10,6 +10,7 @@ import "ant-design-vue/dist/antd.css";
 
 Vue.config.productionTip = false;
 Vue.use(Tabs);
+Vue.use(Rate);
 
 Vue.component("star-rating", StarRating);
 new Vue({