A few small fixes and adding some possible dependencies we'll need later

package.json

@@ -8,15 +8,37 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@ethersproject/hdnode": "^5.7.0",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@fortawesome/vue-fontawesome": "^3.0.2",
+    "@types/clipboard": "^2.0.7",
+    "@veramo/core": "^4.1.1",
+    "@veramo/credential-w3c": "^4.1.1",
+    "@veramo/data-store": "^4.1.1",
+    "@veramo/did-manager": "^4.1.1",
+    "@veramo/did-provider-ethr": "^4.1.2",
+    "@veramo/did-resolver": "^4.1.1",
+    "@veramo/key-manager": "^4.1.1",
+    "@zxing/text-encoding": "^0.9.0",
+    "bip39": "^3.0.4",
+    "buffer": "^6.0.3",
+    "class-transformer": "^0.5.1",
+    "clipboard": "^2.0.11",
     "core-js": "^3.26.1",
+    "ethr-did-resolver": "^8.0.0",
+    "luxon": "^3.1.1",
+    "merkle-tools": "^1.4.1",
+    "papaparse": "^5.3.2",
+    "ramda": "^0.28.0",
+    "readable-stream": "^4.2.0",
+    "reflect-metadata": "^0.1.13",
     "register-service-worker": "^1.7.2",
     "vue": "^3.2.45",
     "vue-class-component": "^8.0.0-0",
     "vue-router": "^4.1.6",
-    "vuex": "^4.1.0"
+    "vuex": "^4.1.0",
+    "web-did-resolver": "^2.0.21"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^5.44.0",

src/views/ConfirmContactView.vue

@@ -5,7 +5,11 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
-        <router-link :to="{ name:'account' }" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><fa icon="chevron-left" class="fa-fw"></fa></a>
+        <router-link
+          :to="{ name: 'account' }"
+          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+          ><fa icon="chevron-left" class="fa-fw"></fa
+        ></router-link>
 
         Confirm Contact
       </h1>

src/views/ContactScanView.vue

@@ -4,7 +4,11 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
-        <router-link :to="{ name:'account' }" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><fa icon="chevron-left" class="fa-fw"></fa></router-link>
+        <router-link
+          :to="{ name: 'account' }"
+          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+          ><fa icon="chevron-left" class="fa-fw"></fa
+        ></router-link>
 
         Scan Contact
       </h1>

src/views/DiscoverView.vue

@@ -4,23 +4,39 @@
     <ul class="flex text-2xl p-2 gap-2">
       <!-- Home Feed -->
       <li class="basis-1/5 rounded-md text-slate-500">
-        <router-link :to="{name:'home'}" class="block text-center py-3 px-1"><fa icon="house-chimney" class="fa-fw"></fa></a>
+        <router-link :to="{ name: 'home' }" class="block text-center py-3 px-1"
+          ><fa icon="house-chimney" class="fa-fw"></fa
+        ></router-link>
       </li>
       <!-- Search -->
       <li class="basis-1/5 rounded-md bg-slate-400 text-white">
-        <router-link :to="{ name:'discover' }" class="block text-center py-3 px-1"><fa icon="magnifying-glass" class="fa-fw"></fa></router-link>
+        <router-link
+          :to="{ name: 'discover' }"
+          class="block text-center py-3 px-1"
+          ><fa icon="magnifying-glass" class="fa-fw"></fa
+        ></router-link>
       </li>
       <!-- Projects -->
       <li class="basis-1/5 rounded-md text-slate-500">
-        <router-link :to="" class="block text-center py-3 px-1"><fa icon="folder-open" class="fa-fw"></fa></router-link>
+        <router-link
+          :to="{ name: 'project' }"
+          class="block text-center py-3 px-1"
+          ><fa icon="folder-open" class="fa-fw"></fa
+        ></router-link>
       </li>
       <!-- Commitments -->
       <li class="basis-1/5 rounded-md text-slate-500">
-        <router-link :to="{name:''}" class="block text-center py-3 px-1"><fa icon="hand" class="fa-fw"></fa></router-link>
+        <router-link :to="{ name: '' }" class="block text-center py-3 px-1"
+          ><fa icon="hand" class="fa-fw"></fa
+        ></router-link>
       </li>
       <!-- Profile -->
       <li class="basis-1/5 rounded-md text-slate-500">
-        <router-link :to="{ name:'account' }" class="block text-center py-3 px-1"><fa icon="circle-user" class="fa-fw"></fa></router-link>
+        <router-link
+          :to="{ name: 'account' }"
+          class="block text-center py-3 px-1"
+          ><fa icon="circle-user" class="fa-fw"></fa
+        ></router-link>
       </li>
     </ul>
   </nav>

src/views/NewEditCommitmentView.vue

@@ -5,8 +5,11 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
-        <router-link :to="{ name:'project' }" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><fa icon="chevron-left" class="fa-fw"></fa>
+        <router-link
-        </a>
+          :to="{ name: 'project' }"
+          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+          ><fa icon="chevron-left" class="fa-fw"></fa>
+        </router-link>
 
         Make Commitment
       </h1>

src/views/NewEditProjectView.vue

@@ -5,7 +5,11 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
-        <router-link :to="{ name: 'project' }" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><fa icon="chevron-left" class="fa-fw"></fa></router-link>
+        <router-link
+          :to="{ name: 'project' }"
+          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+          ><fa icon="chevron-left" class="fa-fw"></fa
+        ></router-link>
 
         [New/Edit] Project
       </h1>

src/views/ProjectViewView.vue

@@ -28,7 +28,11 @@
       </li>
       <!-- Profile -->
       <li class="basis-1/5 rounded-md text-slate-500">
-        <router-link :to="{ name:'account' }" class="block text-center py-3 px-1"><fa icon="circle-user" class="fa-fw"></fa></router-link>
+        <router-link
+          :to="{ name: 'account' }"
+          class="block text-center py-3 px-1"
+          ><fa icon="circle-user" class="fa-fw"></fa
+        ></router-link>
       </li>
     </ul>
   </nav>
@@ -39,7 +43,12 @@
     <div id="ViewBreadcrumb" class="mb-8">
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Back -->
-        <button @click="$router.go(-1)" class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"><fa icon="chevron-left" class="fa-fw"></fa></button>
+        <button
+          @click="$router.go(-1)"
+          class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+        >
+          <fa icon="chevron-left" class="fa-fw"></fa>
+        </button>
         <!-- Context Menu -->
         <a
           href=""
@@ -79,7 +88,11 @@
     </div>
 
     <!-- Commit -->
-    <router-link :to="{ name:'new-edit-commitment' }" class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8">Make Commitment</router-link>
+    <router-link
+      :to="{ name: 'new-edit-commitment' }"
+      class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8"
+      >Make Commitment</router-link
+    >
 
     <!-- Commitments -->
     <div class="bg-slate-100 px-4 py-3 rounded-md">