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,7 +26,6 @@ function onTextAreaFocus() {
     isTextareaTransitionEnabled.value = false
   }, 500)
 }
-
 </script>
 
 <template>
@@ -55,7 +55,9 @@ 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>
@@ -119,7 +121,6 @@ function onTextAreaFocus() {
 }
 
 @media (max-width: 1024px) {
-
   .widget-header {
     display: flex;
     flex-wrap: wrap;
@@ -130,5 +131,4 @@ function onTextAreaFocus() {
     margin-bottom: 10px;
   }
 }
-
 </style>