code alignement

Author: supalarry

frontend/src/components/app/recommendations/RecommendationCard.vue

@@ -1,12 +1,13 @@
 <template>
   <!-- eslint-disable max-len -->
-  <div v-bind:class="{
-    'flex': true,
-    'flex-col': true,
-    'justify-end': true,
-    'shadow-inner': true,
-    'recommendation-card': true,
-    'rounded-md': true}"
+  <div
+      v-bind:class="{
+      'flex': true,
+      'flex-col': true,
+      'justify-end': true,
+      'shadow-inner': true,
+      'recommendation-card': true,
+      'rounded-md': true}"
        v-bind:style="{
       'background-repeat': 'no-repeat',
       'background-position': 'center center',

frontend/src/components/shared/FilterSlider.vue

@@ -6,7 +6,10 @@
     </div>
     <div ref="sliderDropdown" v-bind:class="{'slider-dropdown': true, 'hidden': closed}">
       <div class="flex mb-4 mt-2">
-        <h1><span class="font-bold">{{this.slider.startMin}} {{this.unit}}</span> to <span class="font-bold">{{this.slider.startMax}} {{this.unit}}</span></h1>
+        <h1>
+          <span class="font-bold">{{this.slider.startMin}} {{this.unit}}</span>
+          to
+          <span class="font-bold">{{this.slider.startMax}} {{this.unit}}</span></h1>
       </div>
       <div ref="slider" class="w-64 mb-4"></div>
     </div>

frontend/src/components/shared/MultipleFiltersDropdown.vue

@@ -2,7 +2,8 @@
   <!-- eslint-disable max-len -->
   <div class="focus:outline-none ml-2 flex-1 sm:flex-none" @focusout="close" tabindex="0">
     <div v-bind:class="{'filter-button': true, 'border-gray-matcha': !closed}" @click="toggle">
-      <h1 v-bind:class="{ 'opacity-50': closed, 'noSelect': true, 'capitalize': true }">{{name}}</h1>
+      <h1 v-bind:class="{ 'opacity-50': closed, 'noSelect': true, 'capitalize': true }">
+        {{name}}</h1>
     </div>
     <div v-bind:class="{'sort-dropdown': true, 'hidden': closed, 'right-0': position === 'right', 'md:right-auto': position === 'right'}">
       <h1 v-for="(option, index) in options" :key="option + index + option"

frontend/src/components/shared/Sort.vue

@@ -23,7 +23,7 @@ export default {
   }),
   methods: {
     select(option) {
-      this.closed = true;
+      this.close();
       this.currentOption = option;
       this.$emit('saveSort', option);
     },