Run prettier on 2d0bce143a

front/src/BookForm.vue

@@ -112,7 +112,12 @@ function goToAuthor() {
       <div class="my-5" v-if="data.isbn">ISBN: {{ data.isbn }}</div>
       <div class="my-5" v-if="data.inventaireid">Inventaire ID: {{ data.inventaireid }}</div>
       <div class="my-5" v-if="data.openlibraryid">OLID: {{ data.openlibraryid }}</div>
-      <ReviewWidget :reviewtext="data.review" :rating="data.rating" @on-review-update="onReviewUpdate" @on-rating-update="onRatingUpdate"/>
+      <ReviewWidget
+        :reviewtext="data.review"
+        :rating="data.rating"
+        @on-review-update="onReviewUpdate"
+        @on-rating-update="onRatingUpdate"
+      />
     </div>
     <div class="column">
       <BookFormIcons

front/src/ReviewWidget.vue

@@ -12,7 +12,8 @@ const isTextareaTransitionEnabled = ref(true)
 defineEmits('onRatingUpdate', 'onReviewUpdate')
 
 function computeTextareaClass() {
-  let classAttr = isTextareaExpanded && isTextareaExpanded.value ? 'textarea-expanded' : 'textarea-normal'
+  let classAttr =
+    isTextareaExpanded && isTextareaExpanded.value ? 'textarea-expanded' : 'textarea-normal'
   if (isTextareaTransitionEnabled && isTextareaTransitionEnabled.value) {
     classAttr += ' transition-height'
   }
@@ -25,16 +26,15 @@ function onTextAreaFocus() {
     isTextareaTransitionEnabled.value = false
   }, 500)
 }
-
 </script>
 
 <template>
   <div class="maincontainer py-5">
     <div class="widget-header mb-5 full-width">
       <div class="widget-title ml-3">
-        <h2>{{$t('review.title')}}</h2>
+        <h2>{{ $t('review.title') }}</h2>
         <span class="ml-3">
-          <b-icon-pen/>
+          <b-icon-pen />
         </span>
       </div>
       <VRating
@@ -55,13 +55,15 @@ function onTextAreaFocus() {
         class="widget-textarea mx-4"
         @change="(e) => $emit('onReviewUpdate', e.target.value)"
         @focus="onTextAreaFocus"
-        :class="computeTextareaClass()">{{reviewtext}}</textarea>
+        :class="computeTextareaClass()"
+        >{{ reviewtext }}</textarea
+      >
     </div>
   </div>
 </template>
 
 <style scoped>
-  .maincontainer {
+.maincontainer {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -69,57 +71,56 @@ function onTextAreaFocus() {
   border: solid;
   border-radius: 20px;
   padding: 10px;
-  }
+}
 
-  .widget-header {
+.widget-header {
   display: flex;
-  }
+}
 
-  .widget-title {
+.widget-title {
   flex: 2;
   font-size: 2em;
   display: flex;
   justify-content: center;
   align-items: center;
-  }
+}
 
-  .widget-title h2 {
+.widget-title h2 {
   font-weight: bold;
-  }
+}
 
-  .widget-rating {
+.widget-rating {
   flex: 2;
-  }
+}
 
-  .widget-textarea {
+.widget-textarea {
   color: var(--bulma-body-color);
   background-color: var(--bulma-text-20);
   width: 95%;
   border-radius: 30px;
   border: none;
   padding: 15px;
-  }
+}
 
-  .textarea-normal {
+.textarea-normal {
   height: 80px;
   resize: none;
-  }
+}
 
-  .textarea-expanded {
+.textarea-expanded {
   height: 350px;
   resize: vertical;
-  }
+}
 
-  .transition-height {
+.transition-height {
   transition: height 0.5s;
-  }
+}
 
-  .full-width {
+.full-width {
   width: 100%;
-  }
-
-  @media (max-width: 1024px) {
+}
 
+@media (max-width: 1024px) {
   .widget-header {
     display: flex;
     flex-wrap: wrap;
@@ -129,6 +130,5 @@ function onTextAreaFocus() {
     width: 100%;
     margin-bottom: 10px;
   }
-  }
-
+}
 </style>