Added try...catch and linted

src/components/AlertMessage.vue

@@ -1,14 +1,14 @@
 <template>
-    <div v-bind:class="computedAlertClassNames()">
+  <div v-bind:class="computedAlertClassNames()">
-      <button
+    <button
-        class="close-button bg-slate-200 w-8 leading-loose rounded-full absolute top-2 right-2"
+      class="close-button bg-slate-200 w-8 leading-loose rounded-full absolute top-2 right-2"
-        @click="onClickClose()"
+      @click="onClickClose()"
-      >
+    >
-        <fa icon="xmark"></fa>
+      <fa icon="xmark"></fa>
-      </button>
+    </button>
-      <h4 class="font-bold pr-5">{{ alertTitle }}</h4>
+    <h4 class="font-bold pr-5">{{ alertTitle }}</h4>
-      <p>{{ alertMessage }}</p>
+    <p>{{ alertMessage }}</p>
-    </div>
+  </div>
 </template>
 
 <script lang="ts">
@@ -40,7 +40,6 @@ export default class AlertMessage extends Vue {
       "duration-300": true,
     };
   }
-
 }
 </script>
 

src/views/ContactAmountsView.vue

@@ -150,16 +150,23 @@ export default class ContactsView extends Vue {
 
   // 'created' hook runs when the Vue instance is first created
   async created() {
-    await db.open();
+    try {
-    const contactDid = this.$route.query.contactDid as string;
+      await db.open();
-    this.contact = (await db.contacts.get(contactDid)) || null;
+      const contactDid = this.$route.query.contactDid as string;
+      this.contact = (await db.contacts.get(contactDid)) || null;
 
-    const settings = await db.settings.get(MASTER_SETTINGS_KEY);
+      const settings = await db.settings.get(MASTER_SETTINGS_KEY);
-    this.activeDid = settings?.activeDid || "";
+      this.activeDid = settings?.activeDid || "";
-    this.apiServer = settings?.apiServer || "";
+      this.apiServer = settings?.apiServer || "";
 
-    if (this.activeDid && this.contact) {
+      if (this.activeDid && this.contact) {
-      this.loadGives(this.activeDid, this.contact);
+        this.loadGives(this.activeDid, this.contact);
+      }
+    } catch (err) {
+      this.alertTitle = "Error";
+      this.alertMessage =
+        err.userMessage ||
+        "There was an error retrieving the latest sweet, sweet action.";
     }
   }