From 9a0274b869eb2273784738e1db3078375c6d866b Mon Sep 17 00:00:00 2001
From: D-Bao <49440133+D-Bao@users.noreply.github.com>
Date: Thu, 15 Feb 2024 14:33:24 +0100
Subject: [PATCH] Fix alias list not displaying on Mac

---
 src/popup/components/Main.vue | 46 +++++++++++++++++++----------------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/src/popup/components/Main.vue b/src/popup/components/Main.vue
index 4033144..c6b1d1a 100644
--- a/src/popup/components/Main.vue
+++ b/src/popup/components/Main.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div class="content" ref="content">
     <v-dialog />
 
     <!-- Main Page -->
@@ -259,29 +259,33 @@ export default {
     };
   },
   async mounted() {
-    this.hostName = await Utils.getHostName();
-    this.apiUrl = await SLStorage.get(SLStorage.SETTINGS.API_URL);
-    this.apiKey = await SLStorage.get(SLStorage.SETTINGS.API_KEY);
+    try {
+      this.hostName = await Utils.getHostName();
+      this.apiUrl = await SLStorage.get(SLStorage.SETTINGS.API_URL);
+      this.apiKey = await SLStorage.get(SLStorage.SETTINGS.API_KEY);
 
-    if (this.apiKey && process.env.MAC) {
-      console.log("send api key to host app");
-      await browser.runtime.sendNativeMessage(
-        "application.id",
-        JSON.stringify({
-          logged_in: {
-            data: {
-              api_key: this.apiKey,
-              api_url: this.apiUrl,
+      this.contentElem = this.$refs.content;
+
+      await this.getUserOptions();
+      await this.getUserInfo();
+
+      if (this.apiKey && process.env.MAC) {
+        console.log("send api key to host app");
+        await browser.runtime.sendNativeMessage(
+          "application.id",
+          JSON.stringify({
+            logged_in: {
+              data: {
+                api_key: this.apiKey,
+                api_url: this.apiUrl,
+              },
             },
-          },
-        })
-      );
+          })
+        );
+      }
+    } catch (e) {
+      console.error("Can't display alias list ", e);
     }
-
-    this.contentElem = document.querySelector(".app > .content");
-
-    await this.getUserOptions();
-    await this.getUserInfo();
   },
   methods: {
     // get alias options and mailboxes