Added some elementary Vue constructs

src/views/AccountViewView.vue

@@ -222,9 +222,6 @@ export default class AccountViewView extends Vue {
           });
         }
         useAppStore().setCondition("registered");
-
-        //appStore.dispatch(appSlice.actions.addLog({log: false, msg: "... created new ID..."}))
-        //appStore.dispatch(appSlice.actions.addLog({log: false, msg: "... stored new ID..."}))
       } catch (err) {
         console.log("Error!");
         console.log(err);
@@ -236,7 +233,6 @@ export default class AccountViewView extends Vue {
       console.log("Problem!  Should have a profile!");
     } else {
       const accounts = await db.accounts.toArray();
-      console.log(accounts[0]);
       const identity = JSON.parse(accounts[0].identity);
       this.address = identity.did;
       this.publicHex = identity.keys[0].publicKeyHex;

src/views/ImportAccountView.vue

@@ -79,8 +79,6 @@ export default class ImportAccountView extends Vue {
         this.UPORT_ROOT_DERIVATION_PATH
       );
 
-      console.log(newId);
-
       try {
         await db.open();
         const num_accounts = await db.accounts.count();

src/views/NewEditProjectView.vue

@@ -16,7 +16,6 @@
     </div>
 
     <!-- Project Details -->
-    <form>
     <!-- Image - (see design model) Empty -->
 
     <!-- Image - Populated -->
@@ -40,31 +39,34 @@
       type="text"
       placeholder="Project Name"
       class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
+      v-modal="projectName"
     />
 
     <textarea
       placeholder="Description"
       class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
       rows="5"
+      v-model="description"
     ></textarea>
     <div class="text-xs text-slate-500 italic -mt-3 mb-4">
       88/500 max. characters
     </div>
 
     <div class="mt-8">
-        <input
+      <button
-          type="submit"
         class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
-          value="Save Project"
+        @click="onSaveProjectClick()"
-        />
+      >
+        Save Project
+      </button>
       <button
         type="button"
         class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md"
+        @click="onCancelClick()"
       >
         Cancel
       </button>
     </div>
-    </form>
   </section>
 </template>
 
@@ -74,5 +76,14 @@ import { Options, Vue } from "vue-class-component";
 @Options({
   components: {},
 })
-export default class NewEditProjectView extends Vue {}
+export default class NewEditProjectView extends Vue {
+  projectName = "";
+  description = "";
+  public async onSaveProjectClick() {
+    console.log("Placeholder");
+  }
+  public onCancelClick() {
+    this.$router.back();
+  }
+}
 </script>