From 39f0cb8913e142e4ed376f4a468db99781825aef Mon Sep 17 00:00:00 2001
From: Son Nguyen Kim <nguyenkims@users.noreply.github.com>
Date: Tue, 3 Aug 2021 16:36:35 +0200
Subject: [PATCH] run prettier

---
 src/background/create-alias.js            |  2 +-
 src/background/onboarding.js              |  2 --
 src/onboarding/Onboarding.vue             | 18 +++++-----
 src/popup/Utils.js                        | 10 +++---
 src/popup/components/AliasMoreOptions.vue |  4 +--
 src/popup/components/Header.vue           | 10 +++---
 src/popup/components/Login.vue            | 14 +++-----
 src/popup/components/Main.vue             | 44 +++++++++++++----------
 src/popup/components/NewAliasResult.vue   |  2 +-
 src/popup/components/SelfHostSetting.vue  |  6 ++--
 src/popup/components/SplashScreen.vue     |  2 +-
 src/popup/popup.js                        |  3 +-
 12 files changed, 57 insertions(+), 60 deletions(-)

diff --git a/src/background/create-alias.js b/src/background/create-alias.js
index edd10fb..f0785aa 100644
--- a/src/background/create-alias.js
+++ b/src/background/create-alias.js
@@ -19,7 +19,7 @@ async function handleNewRandomAlias(currentUrl) {
         hostname,
       },
       {
-        note: await Utils.getDefaultNote()
+        note: await Utils.getDefaultNote(),
       },
       API_ON_ERR.THROW
     );
diff --git a/src/background/onboarding.js b/src/background/onboarding.js
index 9a77f14..3fcb566 100644
--- a/src/background/onboarding.js
+++ b/src/background/onboarding.js
@@ -30,8 +30,6 @@ function initService() {
       });
     }
   });
-
-
 }
 
 export default { initService };
diff --git a/src/onboarding/Onboarding.vue b/src/onboarding/Onboarding.vue
index cba013c..263bc4b 100644
--- a/src/onboarding/Onboarding.vue
+++ b/src/onboarding/Onboarding.vue
@@ -67,12 +67,12 @@
             <img
               v-if="isChrome"
               src="../images/chrome-permission-screenshot.png"
-              style="width: 400px;"
+              style="width: 400px"
             />
             <img
               v-else
               src="../images/firefox-permission-screenshot.png"
-              style="width: 400px;"
+              style="width: 400px"
             />
 
             <p>
@@ -84,7 +84,7 @@
             <img
               alt="SimpleLogin Button demo"
               src="../images/sl-button-demo.png"
-              style="width: 400px;"
+              style="width: 400px"
               class="mb-3"
             />
 
@@ -106,7 +106,7 @@
             <button
               @click="nextStep()"
               class="btn"
-              style="color: #888; font-size: 0.8em;"
+              style="color: #888; font-size: 0.8em"
             >
               Skip
             </button>
@@ -119,20 +119,20 @@
               <img
                 alt="SimpleLogin"
                 src="../images/icon-simplelogin.png"
-                style="height: 1.2em;"
+                style="height: 1.2em"
               />
               icon at the corner of your browser.
             </p>
             <p
               v-if="isChrome"
               class="alert alert-primary"
-              style="border-left: 5px #467fcf solid;"
+              style="border-left: 5px #467fcf solid"
             >
               Note: this icon maybe hidden under
               <img
                 alt="Extension Menu"
                 src="../images/icon-puzzle.png"
-                style="height: 1.2em;"
+                style="height: 1.2em"
               />
               button.
             </p>
@@ -148,10 +148,10 @@
 </template>
 
 <script>
-import {requestPermission} from "../background/permissions";
+import { requestPermission } from "../background/permissions";
 import SLStorage from "../popup/SLStorage";
 import axios from "axios";
-import {API_ROUTE} from "../popup/APIService";
+import { API_ROUTE } from "../popup/APIService";
 import EventManager from "../popup/EventManager";
 
 export default {
diff --git a/src/popup/Utils.js b/src/popup/Utils.js
index 0509637..b4e2b94 100644
--- a/src/popup/Utils.js
+++ b/src/popup/Utils.js
@@ -24,16 +24,16 @@ class Utils {
     }
   }
 
-  static async getDefaultNote(){
+  static async getDefaultNote() {
     const hostName = await Utils.getHostName();
-    let note = '';
+    let note = "";
 
     // ignore hostName that doesn't look like an url
-    if (hostName && hostName.indexOf(".") > -1){
-      note = `Used on ${hostName}`
+    if (hostName && hostName.indexOf(".") > -1) {
+      note = `Used on ${hostName}`;
     }
 
-    return note
+    return note;
   }
 
   static getDeviceName() {
diff --git a/src/popup/components/AliasMoreOptions.vue b/src/popup/components/AliasMoreOptions.vue
index 9a687d8..38bfa74 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/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 e96ef38..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"
@@ -30,9 +30,7 @@
           <input v-model="password" type="password" class="form-control" />
         </div>
 
-        <button class="btn btn-primary btn-block mt-2">
-          Login
-        </button>
+        <button class="btn btn-primary btn-block mt-2">Login</button>
       </form>
 
       <div class="text-center">
@@ -54,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 />
@@ -62,12 +60,10 @@
 
         <div>
           <b>Token</b>
-          <p>
-            Please enter the 2FA code from your 2FA authenticator
-          </p>
+          <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 28db87a..3ff52b0 100644
--- a/src/popup/components/Main.vue
+++ b/src/popup/components/Main.vue
@@ -27,14 +27,14 @@
       <div>
         <p
           class="font-weight-bold mt-2 align-self-center"
-          style="display: inline-block;"
+          style="display: inline-block"
         >
           New Alias
         </p>
 
         <button
           :disabled="loading || !canCreate"
-          style="margin-left: 15px;"
+          style="margin-left: 15px"
           class="btn btn-outline-primary btn-sm"
           title="Generate a totally random alias."
           @click="createRandomAlias"
@@ -49,7 +49,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"
@@ -63,7 +63,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"
@@ -82,26 +82,31 @@
 
             <button
               :disabled="loading || !canCreate"
-              style="margin-right: 15px;"
+              style="margin-right: 15px"
               class="btn btn-primary btn-sm align-self-start"
             >
               Create
             </button>
           </div>
-          <div class="row text-danger" style="font-size: 12px" v-if="aliasPrefixError != ''">
+          <div
+            class="row text-danger"
+            style="font-size: 12px"
+            v-if="aliasPrefixError != ''"
+          >
             <div class="col">
-              {{aliasPrefixError}}
+              {{ aliasPrefixError }}
             </div>
           </div>
         </form>
       </div>
 
       <div class="mb-1 text-center" v-if="aliasPrefix" style="font-size: 12px">
-        You're about to create alias <span class="text-primary">{{aliasPrefix}}{{signedSuffix[0]}}</span>
+        You're about to create alias
+        <span class="text-primary">{{ aliasPrefix }}{{ signedSuffix[0] }}</span>
       </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.
@@ -114,7 +119,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"
@@ -128,7 +133,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>
@@ -152,7 +157,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"
@@ -180,7 +185,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>
@@ -201,7 +206,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>
@@ -217,7 +222,7 @@ import Navigation from "../Navigation";
 import AliasMoreOptions from "./AliasMoreOptions";
 import { callAPI, API_ROUTE, API_ON_ERR } from "../APIService";
 
-const ALIAS_PREFIX_REGEX =/^[0-9a-z-_.]+$/
+const ALIAS_PREFIX_REGEX = /^[0-9a-z-_.]+$/;
 
 export default {
   components: {
@@ -359,10 +364,11 @@ export default {
       if (this.loading) return;
 
       // check aliasPrefix
-      this.aliasPrefixError = ""
-      if (this.aliasPrefix.match(ALIAS_PREFIX_REGEX) === null){
-        this.aliasPrefixError = "Only lowercase letters, dots, numbers, dashes (-) and underscores (_) are currently supported."
-        return
+      this.aliasPrefixError = "";
+      if (this.aliasPrefix.match(ALIAS_PREFIX_REGEX) === null) {
+        this.aliasPrefixError =
+          "Only lowercase letters, dots, numbers, dashes (-) and underscores (_) are currently supported.";
+        return;
       }
 
       this.loading = true;
diff --git a/src/popup/components/NewAliasResult.vue b/src/popup/components/NewAliasResult.vue
index be33c50..c3f18bb 100644
--- a/src/popup/components/NewAliasResult.vue
+++ b/src/popup/components/NewAliasResult.vue
@@ -41,7 +41,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/SelfHostSetting.vue b/src/popup/components/SelfHostSetting.vue
index 5642179..1f27b50 100644
--- a/src/popup/components/SelfHostSetting.vue
+++ b/src/popup/components/SelfHostSetting.vue
@@ -5,11 +5,9 @@
         If you self-host SimpleLogin, you can change the API URL to your server
         address.
       </div>
-      <div class="mb-2">
-        The default API URL is https://app.simplelogin.io
-      </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 />
diff --git a/src/popup/popup.js b/src/popup/popup.js
index 6b29df3..2a407f5 100644
--- a/src/popup/popup.js
+++ b/src/popup/popup.js
@@ -56,8 +56,7 @@ async function initApp() {
     process.env.NODE_ENV !== "development"
   ) {
     Sentry.init({
-      dsn:
-        "https://0e2d03e61f194df9ba85a791d364088b@o336535.ingest.sentry.io/5341174",
+      dsn: "https://0e2d03e61f194df9ba85a791d364088b@o336535.ingest.sentry.io/5341174",
       integrations: [
         new Integrations.Vue({ Vue, attachProps: true, logErrors: true }),
       ],