added rating books

front/src/BookCard.vue

@@ -2,6 +2,7 @@
   import { computed } from 'vue'
   import { useRouter } from 'vue-router'
   import { getImagePathOrDefault } from './api.js'
+  import { VRating } from 'vuetify/components/VRating';
 
   const props = defineProps({
   id: Number,
@@ -31,7 +32,15 @@ function openBook() {
       <div class="media-content">
         <div class="is-size-4">{{title}}</div>
         <div class="is-size-5 is-italic">{{author}}</div>
-        <p>{{rating}}/10</p>
+
+      <VRating
+          half-increments
+          readonly
+          :length="5"
+          size="medium"
+          :model-value="rating/2"
+          active-color="bulma-body-color"
+          />
       </div>
       <nav v-if="read" class="level">
         <div class="level-left">