prettier

src/popup/components/Login.vue

@@ -4,8 +4,12 @@
     <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">SimpleLogin <font-awesome-icon icon="long-arrow-alt-up" :transform="{ rotate: 45 }" /></a>, the
-        most powerful email alias solution!
+        <a href="https://simplelogin.io" target="_blank"
+          >SimpleLogin
+          <font-awesome-icon
+            icon="long-arrow-alt-up"
+            :transform="{ rotate: 45 }" /></a
+        >, the most powerful email alias solution!
       </h1>
 
       <form @submit.prevent="login">

src/popup/components/Main.vue

@@ -353,7 +353,7 @@ export default {
         );
 
         if (res.status === 201) {
-          SLStorage.setTemporary('newAliasData', res.data);
+          SLStorage.setTemporary("newAliasData", res.data);
           Navigation.navigateTo(Navigation.PATH.NEW_ALIAS_RESULT, true);
         } else {
           Utils.showError(res.data.error);
@@ -395,7 +395,7 @@ export default {
         );
 
         if (res.status === 201) {
-          SLStorage.setTemporary('newAliasData', res.data);
+          SLStorage.setTemporary("newAliasData", res.data);
           Navigation.navigateTo(Navigation.PATH.NEW_ALIAS_RESULT, true);
         } else {
           Utils.showError(res.data.error);

src/popup/components/NewAliasResult.vue

@@ -12,16 +12,24 @@
             title="Click to Copy"
             class="cursor"
           >
-            <span class="text-success">{{ newAliasData.alias }} <font-awesome-icon icon="copy" /></span>
+            <span class="text-success"
+              >{{ newAliasData.alias }} <font-awesome-icon icon="copy"
+            /></span>
           </a>
         </p>
 
         <div>
-          <textarea-autosize placeholder="Add some notes for this alias..." class="form-control" style="width: 100%;" v-model="note"></textarea-autosize>
+          <textarea-autosize
+            placeholder="Add some notes for this alias..."
+            class="form-control"
+            style="width: 100%;"
+            v-model="note"
+          ></textarea-autosize>
         </div>
 
         <button @click="backToMainPage" class="btn btn-primary btn-block mt-3">
-          <font-awesome-icon icon="chevron-left" /> {{ note !== "" ? "Save & Back" : "Back" }}
+          <font-awesome-icon icon="chevron-left" />
+          {{ note !== "" ? "Save & Back" : "Back" }}
         </button>
 
         <div
@@ -86,12 +94,17 @@ export default {
     },
 
     async backToMainPage() {
-      if (this.note !== '') {
-        await callAPI(API_ROUTE.EDIT_ALIAS, {
-          alias_id: this.newAliasData.id
-        }, {
-          note: this.note
-        }, API_ON_ERR.TOAST);
+      if (this.note !== "") {
+        await callAPI(
+          API_ROUTE.EDIT_ALIAS,
+          {
+            alias_id: this.newAliasData.id,
+          },
+          {
+            note: this.note,
+          },
+          API_ON_ERR.TOAST
+        );
       }
       Navigation.navigateBack();
     },

src/popup/popup.js

@@ -9,13 +9,29 @@ import * as Integrations from "@sentry/integrations";
 import VModal from "vue-js-modal";
 import VueRouter from "vue-router";
 import ToggleButton from "vue-js-toggle-button";
-import TextareaAutosize from 'vue-textarea-autosize';
+import TextareaAutosize from "vue-textarea-autosize";
 
 import { library } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-import { faRandom, faExternalLinkAlt, faTrash, faLongArrowAltUp, faChevronLeft, faCopy, faStar } from "@fortawesome/free-solid-svg-icons";
+import {
+  faRandom,
+  faExternalLinkAlt,
+  faTrash,
+  faLongArrowAltUp,
+  faChevronLeft,
+  faCopy,
+  faStar,
+} from "@fortawesome/free-solid-svg-icons";
 
-library.add(faRandom, faExternalLinkAlt, faTrash, faLongArrowAltUp, faChevronLeft, faCopy, faStar);
+library.add(
+  faRandom,
+  faExternalLinkAlt,
+  faTrash,
+  faLongArrowAltUp,
+  faChevronLeft,
+  faCopy,
+  faStar
+);
 
 global.browser = require("webextension-polyfill");
 Vue.prototype.$browser = global.browser;