More cleanup and application of new db loading

src/views/HomeView.vue

@@ -71,7 +71,6 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-facing-decorator";
-
 import GiftedDialog from "@/components/GiftedDialog.vue";
 import { db, accountsDB } from "@/db";
 import { MASTER_SETTINGS_KEY } from "@/db/tables/settings";
@@ -97,11 +96,21 @@ export default class HomeView extends Vue {
   isHiddenSpinner = true;
   alertTitle = "";
   alertMessage = "";
+  accounts: AccountsSchema;
+  numAccounts = 0;
+
+  async beforeCreate() {
+    accountsDB.open();
+    this.accounts = accountsDB.accounts;
+    this.numAccounts = await this.accounts.count();
+  }
 
   public async getIdentity(activeDid) {
     await accountsDB.open();
-    const accounts = await accountsDB.accounts.toArray();
-    const account = R.find((acc) => acc.did === activeDid, accounts);
+    const account = await accountsDB.accounts
+      .where("did")
+      .equals(activeDid)
+      .first();
     const identity = JSON.parse(account?.identity || "null");
 
     if (!identity) {