first eslint corrections

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue

@@ -1,91 +1,114 @@
 <template>
-   <a class="btn" :class="getClassButton" :title="$t(buttonTitle || '')" @click="openModal">
-      <span v-if="displayTextButton">{{ $t(buttonTitle || '') }}</span>
-   </a>
+  <a
+    class="btn"
+    :class="getClassButton"
+    :title="$t(buttonTitle || '')"
+    @click="openModal"
+  >
+    <span v-if="displayTextButton">{{ $t(buttonTitle || '') }}</span>
+  </a>
 
   <teleport to="body">
-      <modal v-if="modal.showModal"
-         :modalDialogClass="modal.modalDialogClass"
-         @close="modal.showModal = false">
+    <modal
+      v-if="modal.showModal"
+      :modal-dialog-class="modal.modalDialogClass"
+      @close="modal.showModal = false"
+    >
+      <template #header>
+        <h3 class="modal-title">
+          {{ $t(modalTitle) }}
+        </h3>
+      </template>
 
-         <template v-slot:header>
-            <h3 class="modal-title">{{ $t(modalTitle) }}</h3>
-         </template>
+      <template #body-head>
+        <div class="modal-body">
+          <div class="search">
+            <label
+              class="col-form-label"
+              style="float: right;"
+            >
+              {{ $tc('add_persons.suggested_counter', suggestedCounter) }}
+            </label>
 
-         <template v-slot:body-head>
-            <div class="modal-body">
-               <div class="search">
+            <input
+              id="search-persons"
+              name="query"
+              v-model="query"
+              :placeholder="$t('add_persons.search_some_persons')"
+              ref="search"
+            >
+            <i class="fa fa-search fa-lg" />
+            <i
+              class="fa fa-times"
+              v-if="queryLength >= 3"
+              @click="resetSuggestion"
+            />
+          </div>
+        </div>
+        <div
+          class="modal-body"
+          v-if="checkUniq === 'checkbox'"
+        >
+          <div class="count">
+            <span>
+              <a
+                v-if="suggestedCounter > 2"
+                @click="selectAll"
+              >
+                {{ $t('action.check_all') }}
+              </a>
+              <a
+                v-if="selectedCounter > 0"
+                @click="resetSelection"
+              >
+                <i v-if="suggestedCounter > 2"> • </i>
+                {{ $t('action.reset') }}
+              </a>
+            </span>
+            <span v-if="selectedCounter > 0">
+              {{ $tc('add_persons.selected_counter', selectedCounter) }}
+            </span>
+          </div>
+        </div>
+      </template>
 
-                  <label class="col-form-label" style="float: right;">
-                     {{ $tc('add_persons.suggested_counter', suggestedCounter) }}
-                  </label>
+      <template #body>
+        <div class="results">
+          <person-suggestion
+            v-for="item in this.selectedAndSuggested.slice().reverse()"
+            :key="itemKey(item)"
+            :item="item"
+            :search="search"
+            :type="checkUniq"
+            @save-form-on-the-fly="saveFormOnTheFly"
+            @new-prior-suggestion="newPriorSuggestion"
+            @update-selected="updateSelected"
+          />
 
-                  <input id="search-persons"
-                     name="query"
-                     v-model="query"
-                     :placeholder="$t('add_persons.search_some_persons')"
-                     ref="search" />
-                  <i class="fa fa-search fa-lg"></i>
-                  <i class="fa fa-times" v-if="queryLength >= 3" @click="resetSuggestion"></i>
+          <div class="create-button">
+            <on-the-fly
+              v-if="queryLength >= 3 && (options.type.includes('person') || options.type.includes('thirdparty'))"
+              :button-text="$t('onthefly.create.button', {q: query})"
+              :allowed-types="options.type"
+              :query="query"
+              action="create"
+              @save-form-on-the-fly="saveFormOnTheFly"
+              ref="onTheFly"
+            />
+          </div>
+        </div>
+      </template>
 
-               </div>
-            </div>
-            <div class="modal-body" v-if="checkUniq === 'checkbox'">
-               <div class="count">
-                  <span>
-                     <a v-if="suggestedCounter > 2" @click="selectAll">
-                        {{ $t('action.check_all')}}
-                     </a>
-                     <a v-if="selectedCounter > 0" @click="resetSelection">
-                        <i v-if="suggestedCounter > 2"> • </i>
-                        {{ $t('action.reset')}}
-                     </a>
-                  </span>
-                  <span v-if="selectedCounter > 0">
-                     {{ $tc('add_persons.selected_counter', selectedCounter) }}
-                  </span>
-               </div>
-            </div>
-         </template>
-
-         <template v-slot:body>
-            <div class="results">
-
-               <person-suggestion
-                  v-for="item in this.selectedAndSuggested.slice().reverse()"
-                  v-bind:key="itemKey(item)"
-                  v-bind:item="item"
-                  v-bind:search="search"
-                  v-bind:type="checkUniq"
-                  @saveFormOnTheFly="saveFormOnTheFly"
-                  @newPriorSuggestion="newPriorSuggestion"
-                  @updateSelected="updateSelected">
-               </person-suggestion>
-
-               <div class="create-button">
-                  <on-the-fly
-                     v-if="queryLength >= 3 && (options.type.includes('person') || options.type.includes('thirdparty'))"
-                     :buttonText="$t('onthefly.create.button', {q: query})"
-                     :allowedTypes="options.type"
-                     :query="query"
-                     action="create"
-                     @saveFormOnTheFly="saveFormOnTheFly"
-                     ref="onTheFly">
-                  </on-the-fly>
-               </div>
-
-            </div>
-         </template>
-
-         <template v-slot:footer>
-            <button class="btn btn-create"
-               @click.prevent="$emit('addNewPersons', { selected, modal })">
-               {{ $t('action.add')}}
-            </button>
-         </template>
-
-      </modal>
-   </teleport>
+      <template #footer>
+        <button
+          class="btn btn-create"
+          @click.prevent="$emit('addNewPersons', { selected, modal })"
+        >
+          {{ $t('action.add') }}
+        </button>
+      </template>
+    </modal>
+  </teleport>
 </template>
 
 <script>