first eslint corrections

src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowPane.vue

@@ -1,75 +1,112 @@
 <template>
+  <div
+    v-if="!onlyButton"
+    class="mt-4 flex-grow-1"
+  >
+    <div class="loading">
+      <i
+        v-if="flag.loading"
+        class="fa fa-circle-o-notch fa-spin fa-2x fa-fw"
+      />
+      <span class="sr-only">{{ $t('loading') }}</span>
+    </div>
 
-   <div v-if="!onlyButton" class="mt-4 flex-grow-1">
-      <div class="loading">
-         <i v-if="flag.loading" class="fa fa-circle-o-notch fa-spin fa-2x fa-fw"></i>
-         <span class="sr-only">{{ $t('loading') }}</span>
-      </div>
+    <div
+      v-if="errorMsg && errorMsg.length > 0"
+      class="alert alert-danger"
+    >
+      {{ errorMsg }}
+    </div>
 
-      <div v-if="errorMsg && errorMsg.length > 0" class="alert alert-danger">
-         {{ errorMsg }}
-      </div>
+    <div
+      v-if="flag.success"
+      class="alert alert-success"
+    >
+      {{ $t(getSuccessText) }}
+      <span v-if="forceRedirect">{{ $t('wait_redirection') }}</span>
+    </div>
 
-      <div v-if="flag.success" class="alert alert-success">
-         {{ $t(getSuccessText) }}
-         <span v-if="forceRedirect">{{ $t('wait_redirection') }}</span>
-      </div>
+    <div
+      v-if="(!this.context.edit && !this.flag.success && this.context.target.name !== 'household')"
+      class="mt-5"
+    >
+      <div class="no-address-yet">
+        <i
+          class="fa fa-map-marker"
+          aria-hidden="true"
+        />
+        <p class="chill-no-data-statement">
+          {{ $t('not_yet_address') }}
+        </p>
 
-      <div v-if="(!this.context.edit && !this.flag.success && this.context.target.name !== 'household')" class="mt-5">
-         <div class="no-address-yet">
-            <i class="fa fa-map-marker" aria-hidden="true"></i>
-            <p class="chill-no-data-statement">
-               {{ $t('not_yet_address') }}
-            </p>
-
-            <action-buttons
-               :options="this.options"
-               :defaultz="this.defaultz"
-               class="add-address-btn">
-               <template v-slot:action>
-                  <button @click.prevent="$emit('openEditPane')"
-                     class="btn" :class="getClassButton"
-                     type="button" name="button" :title="$t(getTextButton)">
-                     <span v-if="displayTextButton">{{ $t(getTextButton) }}</span>
-                  </button>
-               </template>
-            </action-buttons>
-         </div>
-      </div>
-   
-      <address-render-box :address="address" :isMultiline="false" :useDatePane="useDatePane"></address-render-box>
-   
-      <div v-if="this.context.target.name === 'household' || this.context.edit">
-         <action-buttons
-            :options="this.options"
-            :defaultz="this.defaultz">
-            <template v-slot:action>
-               <button @click.prevent="$emit('openEditPane')"
-                  class="btn" :class="getClassButton"
-                  type="button" name="button" :title="$t(getTextButton)">
-                  <span v-if="displayTextButton">{{ $t(getTextButton) }}</span>
-               </button>
-            </template>
-         </action-buttons>
-      </div>
-
-   </div>
-
-   <div v-if="onlyButton">
-      <action-buttons
-         :options="this.options"
-         :defaultz="this.defaultz"
-         class="add-address-btn">
-         <template v-slot:action>
-            <button @click.prevent="$emit('openEditPane')"
-               class="btn" :class="getClassButton"
-               type="button" name="button" :title="$t(getTextButton)">
-               <span v-if="displayTextButton">{{ $t(getTextButton) }}</span>
+        <action-buttons
+          :options="this.options"
+          :defaultz="this.defaultz"
+          class="add-address-btn"
+        >
+          <template #action>
+            <button
+              @click.prevent="$emit('openEditPane')"
+              class="btn"
+              :class="getClassButton"
+              type="button"
+              name="button"
+              :title="$t(getTextButton)"
+            >
+              <span v-if="displayTextButton">{{ $t(getTextButton) }}</span>
             </button>
-         </template>
+          </template>
+        </action-buttons>
+      </div>
+    </div>
+   
+    <address-render-box
+      :address="address"
+      :is-multiline="false"
+      :use-date-pane="useDatePane"
+    />
+   
+    <div v-if="this.context.target.name === 'household' || this.context.edit">
+      <action-buttons
+        :options="this.options"
+        :defaultz="this.defaultz"
+      >
+        <template #action>
+          <button
+            @click.prevent="$emit('openEditPane')"
+            class="btn"
+            :class="getClassButton"
+            type="button"
+            name="button"
+            :title="$t(getTextButton)"
+          >
+            <span v-if="displayTextButton">{{ $t(getTextButton) }}</span>
+          </button>
+        </template>
       </action-buttons>
-   </div>
+    </div>
+  </div>
 
+  <div v-if="onlyButton">
+    <action-buttons
+      :options="this.options"
+      :defaultz="this.defaultz"
+      class="add-address-btn"
+    >
+      <template #action>
+        <button
+          @click.prevent="$emit('openEditPane')"
+          class="btn"
+          :class="getClassButton"
+          type="button"
+          name="button"
+          :title="$t(getTextButton)"
+        >
+          <span v-if="displayTextButton">{{ $t(getTextButton) }}</span>
+        </button>
+      </template>
+    </action-buttons>
+  </div>
 </template>
 
 <script>