first eslint corrections

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue

@@ -1,77 +1,92 @@
 <template>
   <div class="vue-component">
-    <h2><a id="section-80"></a>{{ $t('referrer.title') }}</h2>
+    <h2><a id="section-80" />{{ $t('referrer.title') }}</h2>
 
     <teleport to="body">
-      <modal v-if="modal.showModal"
-             :modalDialogClass="modal.modalDialogClass"
-             @close="cancelChange">
-        <template v-slot:header>
-          <h3 class="modal-title">{{ $t('confirm.title') }}</h3>
+      <modal
+        v-if="modal.showModal"
+        :modal-dialog-class="modal.modalDialogClass"
+        @close="cancelChange"
+      >
+        <template #header>
+          <h3 class="modal-title">
+            {{ $t('confirm.title') }}
+          </h3>
         </template>
 
-        <template v-slot:body-head>
+        <template #body-head>
           <div class="modal-body">
-            <p v-html="$t('confirm.sure_referrer', { referrer: this.value.text })"></p>
+            <p v-html="$t('confirm.sure_referrer', { referrer: this.value.text })" />
           </div>
         </template>
 
-        <template v-slot:footer>
-          <button class="btn btn-save"
-                  @click.prevent="this.confirmReferrer">
-            {{ $t('confirm.ok_referrer')}}
+        <template #footer>
+          <button
+            class="btn btn-save"
+            @click.prevent="this.confirmReferrer"
+          >
+            {{ $t('confirm.ok_referrer') }}
           </button>
         </template>
       </modal>
     </teleport>
 
     <div>
-
-      <label class="col-form-label" for="selectJob">
+      <label
+        class="col-form-label"
+        for="selectJob"
+      >
         {{ $t('job.label') }}
       </label>
 
       <VueMultiselect
-          name="selectJob"
-          label="text"
-          :custom-label="customJobLabel"
-          track-by="id"
-          :multiple="false"
-          :searchable="true"
-          :placeholder="$t('job.placeholder')"
-          v-model="valueJob"
-          :options="jobs"
-          :select-label="$t('multiselect.select_label')"
-          :deselect-label="$t('multiselect.deselect_label')"
-          :selected-label="$t('multiselect.selected_label')"
-      ></VueMultiselect>
+        name="selectJob"
+        label="text"
+        :custom-label="customJobLabel"
+        track-by="id"
+        :multiple="false"
+        :searchable="true"
+        :placeholder="$t('job.placeholder')"
+        v-model="valueJob"
+        :options="jobs"
+        :select-label="$t('multiselect.select_label')"
+        :deselect-label="$t('multiselect.deselect_label')"
+        :selected-label="$t('multiselect.selected_label')"
+      />
 
-      <label class="col-form-label" for="selectReferrer">
+      <label
+        class="col-form-label"
+        for="selectReferrer"
+      >
         {{ $t('referrer.label') }}
       </label>
 
       <VueMultiselect
-          name="selectReferrer"
-          label="text"
-          track-by="id"
-          :multiple="false"
-          :searchable="true"
-          :placeholder="$t('referrer.placeholder')"
-          v-model="value"
-          @select="updateReferrer"
-          @remove="removeReferrer"
-          :options="users"
-          :select-label="$t('multiselect.select_label')"
-          :deselect-label="$t('multiselect.deselect_label')"
-          :selected-label="$t('multiselect.selected_label')"
-      ></VueMultiselect>
+        name="selectReferrer"
+        label="text"
+        track-by="id"
+        :multiple="false"
+        :searchable="true"
+        :placeholder="$t('referrer.placeholder')"
+        v-model="value"
+        @select="updateReferrer"
+        @remove="removeReferrer"
+        :options="users"
+        :select-label="$t('multiselect.select_label')"
+        :deselect-label="$t('multiselect.deselect_label')"
+        :selected-label="$t('multiselect.selected_label')"
+      />
 
       <template v-if="usersSuggestedFilteredByJob.length > 0">
         <ul class="list-suggest add-items inline">
-          <li v-for="(u, i) in usersSuggestedFilteredByJob" @click="updateReferrer(u)" :key="`referrer-${i}`">
-               <span>
-                  <user-render-box-badge :user="u"></user-render-box-badge>
-               </span>
+          <li
+            v-for="(u, i) in usersSuggestedFilteredByJob"
+            @click="updateReferrer(u)"
+            :key="`referrer-${i}`"
+          >
+            <span>
+              <user-render-box-badge :user="u" />
+            </span>
           </li>
         </ul>
       </template>
@@ -81,20 +96,23 @@
       <ul class="record_actions">
         <li>
           <button
-              class="btn btn-create"
-              type="button"
-              name="button"
-              @click="assignMe">
+            class="btn btn-create"
+            type="button"
+            name="button"
+            @click="assignMe"
+          >
             {{ $t('referrer.assign_me') }}
           </button>
         </li>
       </ul>
     </div>
 
-    <div v-if="!isJobValid" class="alert alert-warning to-confirm">
+    <div
+      v-if="!isJobValid"
+      class="alert alert-warning to-confirm"
+    >
       {{ $t('job.not_valid') }}
     </div>
-
   </div>
 </template>