From 297ef45418395a8e9e2ba052e87f5ef9fb34f5c6 Mon Sep 17 00:00:00 2001
From: Carlos Quintana <carlos.quintana@proton.ch>
Date: Fri, 27 May 2022 13:24:55 +0200
Subject: [PATCH] Fix lint issues

---
 src/popup/components/AliasMoreOptions.vue |  4 ++--
 src/popup/components/AppSettings.vue      |  2 +-
 src/popup/components/Header.vue           | 10 ++++-----
 src/popup/components/Login.vue            |  6 +++---
 src/popup/components/Main.vue             | 26 +++++++++++------------
 src/popup/components/NewAliasResult.vue   |  2 +-
 src/popup/components/ReverseAlias.vue     |  2 +-
 src/popup/components/SelfHostSetting.vue  |  2 +-
 src/popup/components/SplashScreen.vue     |  2 +-
 9 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/src/popup/components/AliasMoreOptions.vue b/src/popup/components/AliasMoreOptions.vue
index 13667fe..8f159eb 100644
--- a/src/popup/components/AliasMoreOptions.vue
+++ b/src/popup/components/AliasMoreOptions.vue
@@ -29,7 +29,7 @@
       <textarea-autosize
         placeholder="Note, can be anything to help you remember why you created this alias. This field is optional."
         class="form-control"
-        style="width: 100%;"
+        style="width: 100%"
         v-model="moreOptions.note"
         :disabled="loading"
       ></textarea-autosize>
@@ -69,7 +69,7 @@
 
         <button
           class="btn btn-sm btn-delete"
-          style="color: #dc3545;"
+          style="color: #dc3545"
           v-on:click="handleClickDelete"
           :disabled="loading"
         >
diff --git a/src/popup/components/AppSettings.vue b/src/popup/components/AppSettings.vue
index fc58a1a..f1351c7 100644
--- a/src/popup/components/AppSettings.vue
+++ b/src/popup/components/AppSettings.vue
@@ -62,7 +62,7 @@
 
       <div
         class="font-weight-light"
-        style="position: fixed; bottom: 0; right: 2px; font-size: 0.8rem;"
+        style="position: fixed; bottom: 0; right: 2px; font-size: 0.8rem"
       >
         Version: {{ extension_version }}
       </div>
diff --git a/src/popup/components/Header.vue b/src/popup/components/Header.vue
index 000717c..67ec027 100644
--- a/src/popup/components/Header.vue
+++ b/src/popup/components/Header.vue
@@ -1,21 +1,21 @@
 <template>
   <div class="header">
-    <div class="row mt-2 pb-2 ml-3 mr-2" style="border-bottom: 1px #eee solid;">
+    <div class="row mt-2 pb-2 ml-3 mr-2" style="border-bottom: 1px #eee solid">
       <div>
         <div
           v-on:click="navigateBack()"
           v-bind:class="{ back: canBack }"
-          style="display: inline-block;"
+          style="display: inline-block"
         >
           <img
             v-if="canBack"
             src="/images/back-button.svg"
-            style="height: 20px;"
+            style="height: 20px"
           />
           <img
             class="sl-logo"
             src="/images/horizontal-logo.svg"
-            style="height: 18px;"
+            style="height: 18px"
           />
         </div>
         <div class="beta-badge" v-if="isBeta">BETA</div>
@@ -53,7 +53,7 @@
           :href="apiUrl + '/dashboard/'"
           target="_blank"
           class="dashboard-btn float-right"
-          style="padding: 0.25rem 0.5rem; font-size: 0.875rem;"
+          style="padding: 0.25rem 0.5rem; font-size: 0.875rem"
           title="Dashboard"
           v-b-tooltip.hover
           :disabled="!useCompactLayout"
diff --git a/src/popup/components/Login.vue b/src/popup/components/Login.vue
index 9ebe64d..a9e1f85 100644
--- a/src/popup/components/Login.vue
+++ b/src/popup/components/Login.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="content">
     <!-- Login/register screen -->
-    <div v-if="!isShowMfa" class="p-6 container" style="min-height: 350px;">
+    <div v-if="!isShowMfa" class="p-6 container" style="min-height: 350px">
       <h1 class="h5 mb-3">
         Welcome to
         <a href="https://simplelogin.io" target="_blank"
@@ -52,7 +52,7 @@
     <!-- END Login/register screen -->
 
     <!-- MFA screen -->
-    <div v-else class="p-6 container" style="min-height: 350px;">
+    <div v-else class="p-6 container" style="min-height: 350px">
       <div class="p-3">
         <div class="mb-2">
           Your account is protected with Two Factor Authentication. <br />
@@ -63,7 +63,7 @@
           <p>Please enter the 2FA code from your 2FA authenticator</p>
         </div>
 
-        <div style="margin: auto;">
+        <div style="margin: auto">
           <input
             v-model="mfaCode"
             v-on:keyup.enter="submitMfaCode"
diff --git a/src/popup/components/Main.vue b/src/popup/components/Main.vue
index e1055a1..afdc2e7 100644
--- a/src/popup/components/Main.vue
+++ b/src/popup/components/Main.vue
@@ -5,7 +5,7 @@
     <!-- Main Page -->
     <div class="container">
       <div v-if="recommendation.show" class="text-center">
-        <div class="" style="font-size: 14px;">
+        <div class="" style="font-size: 14px">
           You created this alias on this website before:
         </div>
         <div class="flex-grow-1">
@@ -29,7 +29,7 @@
           <div class="row mb-2">
             <div
               class="col align-self-start input-group-sm"
-              style="padding-right: 0;"
+              style="padding-right: 0"
             >
               <input
                 v-model="aliasPrefix"
@@ -43,7 +43,7 @@
 
             <div
               class="col align-self-start input-group-sm"
-              style="padding-left: 5px; padding-right: 5px;"
+              style="padding-left: 5px; padding-right: 5px"
             >
               <select
                 v-model="signedSuffix"
@@ -62,7 +62,7 @@
 
             <button
               :disabled="loading || !canCreate"
-              style="margin-right: 15px;"
+              style="margin-right: 15px"
               class="btn btn-primary btn-sm align-self-start"
             >
               Create
@@ -70,7 +70,7 @@
           </div>
           <div
             class="row text-danger"
-            style="font-size: 12px;"
+            style="font-size: 12px"
             v-if="aliasPrefixError != ''"
           >
             <div class="col">
@@ -80,7 +80,7 @@
         </form>
       </div>
 
-      <div class="mb-1 text-center" v-if="aliasPrefix" style="font-size: 14px;">
+      <div class="mb-1 text-center" v-if="aliasPrefix" style="font-size: 14px">
         You're about to create alias
         <span class="text-primary">{{ aliasPrefix }}{{ signedSuffix[0] }}</span>
       </div>
@@ -89,7 +89,7 @@
       <div class="text-center">
         <button
           :disabled="loading || !canCreate"
-          style="margin-left: 15px;"
+          style="margin-left: 15px"
           class="btn btn-outline-primary btn-sm"
           @click="createRandomAlias"
         >
@@ -98,7 +98,7 @@
       </div>
 
       <div v-if="!canCreate">
-        <p class="text-danger" style="font-size: 14px;">
+        <p class="text-danger" style="font-size: 14px">
           You have reached limit number of email aliases in free plan, please
           <a :href="apiUrl + '/dashboard/pricing'" target="_blank">upgrade</a>
           or reuse one of the existing aliases.
@@ -111,7 +111,7 @@
           OR use an existing alias
         </div>
 
-        <div class="mx-auto" style="max-width: 60%;">
+        <div class="mx-auto" style="max-width: 60%">
           <input
             v-model="searchString"
             v-on:keyup.enter="loadAlias"
@@ -125,7 +125,7 @@
               v-if="searchString"
               @click="resetSearch"
               class="float-right"
-              style="color: blue; border: none; padding: 0; background: none;"
+              style="color: blue; border: none; padding: 0; background: none"
             >
               Reset
             </button>
@@ -148,7 +148,7 @@
                   </a>
                   <div class="list-item-email-fade" />
                 </div>
-                <div style="white-space: nowrap;">
+                <div style="white-space: nowrap">
                   <toggle-button
                     :value="alias.enabled"
                     color="#b02a8f"
@@ -183,7 +183,7 @@
                 {{ alias.note }}
               </div>
 
-              <div class="font-weight-lighter" style="font-size: 11px;">
+              <div class="font-weight-lighter" style="font-size: 11px">
                 {{ alias.nb_forward }} forwards, {{ alias.nb_reply }} replies,
                 {{ alias.nb_block }} blocks.
               </div>
@@ -204,7 +204,7 @@
       <div v-if="isFetchingAlias" class="text-secondary mx-auto text-center">
         <img
           src="/images/loading-three-dots.svg"
-          style="width: 80px; margin: 20px;"
+          style="width: 80px; margin: 20px"
         />
       </div>
     </div>
diff --git a/src/popup/components/NewAliasResult.vue b/src/popup/components/NewAliasResult.vue
index 5791b67..b63db67 100644
--- a/src/popup/components/NewAliasResult.vue
+++ b/src/popup/components/NewAliasResult.vue
@@ -39,7 +39,7 @@
           <a
             @click="doNotAskRateAgain"
             class="text-secondary cursor"
-            style="font-size: 0.7em;"
+            style="font-size: 0.7em"
           >
             Do not ask again
           </a>
diff --git a/src/popup/components/ReverseAlias.vue b/src/popup/components/ReverseAlias.vue
index a92f7d9..20847c0 100644
--- a/src/popup/components/ReverseAlias.vue
+++ b/src/popup/components/ReverseAlias.vue
@@ -61,7 +61,7 @@
         </p>
         <small>
           You can send email from one of these mailbox(es):
-          <ul style="margin-bottom: 0;">
+          <ul style="margin-bottom: 0">
             <li v-for="mailbox in alias.mailboxes" v-bind:key="mailbox.id">
               {{ mailbox.email }}
             </li>
diff --git a/src/popup/components/SelfHostSetting.vue b/src/popup/components/SelfHostSetting.vue
index be86b88..1f27b50 100644
--- a/src/popup/components/SelfHostSetting.vue
+++ b/src/popup/components/SelfHostSetting.vue
@@ -7,7 +7,7 @@
       </div>
       <div class="mb-2">The default API URL is https://app.simplelogin.io</div>
 
-      <div style="margin: auto;">
+      <div style="margin: auto">
         <input
           v-model="apiUrl"
           v-on:keyup.enter="saveApiUrl"
diff --git a/src/popup/components/SplashScreen.vue b/src/popup/components/SplashScreen.vue
index 3605e99..e849b4e 100644
--- a/src/popup/components/SplashScreen.vue
+++ b/src/popup/components/SplashScreen.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="show" style="height: 400px;">
+  <div v-if="show" style="height: 400px">
     <div class="splash overlay">
       <div class="overlay-content">
         <img class="logo" src="/images/horizontal-logo.svg" /><br />