Fix alias list not displaying on Mac

src/popup/components/Main.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="content">
+  <div class="content" ref="content">
     <v-dialog />
 
     <!-- Main Page -->
@@ -259,10 +259,16 @@ export default {
     };
   },
   async mounted() {
+    try {
       this.hostName = await Utils.getHostName();
       this.apiUrl = await SLStorage.get(SLStorage.SETTINGS.API_URL);
       this.apiKey = await SLStorage.get(SLStorage.SETTINGS.API_KEY);
 
+      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(
@@ -277,11 +283,9 @@ export default {
           })
         );
       }
-
-    this.contentElem = document.querySelector(".app > .content");
-
-    await this.getUserOptions();
-    await this.getUserInfo();
+    } catch (e) {
+      console.error("Can't display alias list ", e);
+    }
   },
   methods: {
     // get alias options and mailboxes