move DB logic out of 'created' in components since it's not needed yet

src/components/GiftedDialog.vue

@@ -109,7 +109,22 @@ export default class GiftedDialog extends Vue {
 
   libsUtil = libsUtil;
 
-  async created() {
+  async open(giver?: GiverInputInfo, offerId?: string) {
+    this.description = "";
+    this.giver = giver || {};
+    if (!this.giver.name) {
+      this.giver.name = didInfo(
+        this.giver.did,
+        this.activeDid,
+        this.allMyDids,
+        this.allContacts,
+      );
+    }
+    // if we show "given to user" selection, default checkbox to true
+    this.givenToUser = this.showGivenToUser;
+    this.amountInput = "0";
+    this.offerId = offerId || "";
+
     try {
       await db.open();
       const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
@@ -135,23 +150,6 @@ export default class GiftedDialog extends Vue {
         -1,
       );
     }
-  }
-
-  open(giver?: GiverInputInfo, offerId?: string) {
-    this.description = "";
-    this.giver = giver || {};
-    if (!this.giver.name) {
-      this.giver.name = didInfo(
-        this.giver.did,
-        this.activeDid,
-        this.allMyDids,
-        this.allContacts,
-      );
-    }
-    // if we show "given to user" selection, default checkbox to true
-    this.givenToUser = this.showGivenToUser;
-    this.amountInput = "0";
-    this.offerId = offerId || "";
 
     this.visible = true;
   }

src/components/OfferDialog.vue

@@ -99,7 +99,7 @@ export default class OfferDialog extends Vue {
 
   libsUtil = libsUtil;
 
-  async created() {
+  async open() {
     try {
       await db.open();
       const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
@@ -118,9 +118,7 @@ export default class OfferDialog extends Vue {
         -1,
       );
     }
-  }
 
-  open() {
     this.visible = true;
   }