remove separate storage reference for account check

src/views/AccountViewView.vue

@@ -168,6 +168,17 @@
         </button>
       </form>
     </dialog>
+
+    <div v-bind:class="computedAlertClassNames()">
+      <button
+        class="close-button bg-slate-200 w-8 leading-loose rounded-full absolute top-2 right-2"
+        @click="onClickClose()"
+      >
+        <fa icon="xmark"></fa>
+      </button>
+      <h4 class="font-bold pr-5">{{ alertTitle }}</h4>
+      <p>{{ alertMessage }}</p>
+    </div>
   </section>
 </template>
 
@@ -176,7 +187,6 @@ import { Options, Vue } from "vue-class-component";
 import { useClipboard } from "@vueuse/core";
 import { deriveAddress, generateSeed, newIdentifier } from "../libs/crypto";
 import { db } from "../db";
-import { useAppStore } from "@/store/app";
 //import { testServerRegisterUser } from "../test";
 
 @Options({
@@ -203,46 +213,68 @@ export default class AccountViewView extends Vue {
 
   // 'created' hook runs when the Vue instance is first created
   async created() {
-    const appCondition = useAppStore().condition;
-    if (appCondition == "uninitialized") {
-      this.mnemonic = generateSeed();
-      [this.address, this.privateHex, this.publicHex, this.derivationPath] =
-        deriveAddress(this.mnemonic);
-
-      const newId = newIdentifier(
-        this.address,
-        this.publicHex,
-        this.privateHex,
-        this.derivationPath
-      );
-      try {
-        await db.open();
-        const num_accounts = await db.accounts.count();
-        if (num_accounts === 0) {
-          await db.accounts.add({
-            dateCreated: new Date(),
-            derivationPath: this.derivationPath,
-            identity: JSON.stringify(newId),
-            mnemonic: this.mnemonic,
-            publicKeyHex: newId.keys[0].publicKeyHex,
-          });
-        }
-        useAppStore().setCondition("registered");
-      } catch (err) {
-        console.log(err);
-      }
-    }
     await db.open();
     const num_accounts = await db.accounts.count();
     if (num_accounts === 0) {
-      console.log("Problem!  Should have a profile!");
-    } else {
-      const accounts = await db.accounts.toArray();
-      const identity = JSON.parse(accounts[0].identity);
-      this.address = identity.did;
-      this.publicHex = identity.keys[0].publicKeyHex;
-      this.derivationPath = identity.keys[0].meta.derivationPath;
+      try {
+        this.mnemonic = generateSeed();
+        [this.address, this.privateHex, this.publicHex, this.derivationPath] =
+          deriveAddress(this.mnemonic);
+
+        const newId = newIdentifier(
+          this.address,
+          this.publicHex,
+          this.privateHex,
+          this.derivationPath
+        );
+        await db.accounts.add({
+          dateCreated: new Date(),
+          derivationPath: this.derivationPath,
+          identity: JSON.stringify(newId),
+          mnemonic: this.mnemonic,
+          publicKeyHex: newId.keys[0].publicKeyHex,
+        });
+      } catch (err) {
+        this.alertMessage =
+          "Clear your cache and start over. Root Cause: " + err;
+        this.alertTitle = "Error Creating Account";
+        this.isAlertVisible = true;
+        console.log(err);
+      }
     }
+
+    const accounts = await db.accounts.toArray();
+    const identity = JSON.parse(accounts[0].identity);
+    this.address = identity.did;
+    this.publicHex = identity.keys[0].publicKeyHex;
+    this.derivationPath = identity.keys[0].meta.derivationPath;
+  }
+
+  alertMessage = "";
+  alertTitle = "";
+  isAlertVisible = false;
+
+  public onClickClose() {
+    this.isAlertVisible = false;
+    this.alertTitle = "";
+    this.alertMessage = "";
+  }
+
+  public computedAlertClassNames() {
+    return {
+      hidden: !this.isAlertVisible,
+      "dismissable-alert": true,
+      "bg-slate-100": true,
+      "p-5": true,
+      rounded: true,
+      "drop-shadow-lg": true,
+      absolute: true,
+      "top-3": true,
+      "inset-x-3": true,
+      "transition-transform": true,
+      "ease-in": true,
+      "duration-300": true,
+    };
   }
 }
 </script>