Cleanup of some workflow actions and quick nav

src/router/index.ts

@@ -88,6 +88,20 @@ const routes: Array<RouteRecordRaw> = [
     component: () =>
       import(/* webpackChunkName: "project" */ "../views/ProjectViewView.vue"),
   },
+  {
+    path: "/projects",
+    name: "projects",
+    component: () =>
+      import(/* webpackChunkName: "projects" */ "../views/ProjectsView.vue"),
+  },
+  {
+    path: "/commitments",
+    name: "commitments",
+    component: () =>
+      import(
+        /* webpackChunkName: "commitments" */ "../views/CommitmentsView.vue"
+      ),
+  },
 ];
 
 const router = createRouter({

src/views/AccountViewView.vue

@@ -4,33 +4,41 @@
     <ul class="flex text-2xl p-2 gap-2">
       <!-- Home Feed -->
       <li class="basis-1/5 rounded-md text-slate-500">
-        <a href="" class="block text-center py-3 px-1"
+        <router-link :to="{ name: 'home' }" class="block text-center py-3 px-1"
           ><fa icon="house-chimney" class="fa-fw"></fa
-        ></a>
+        ></router-link>
       </li>
       <!-- Search -->
       <li class="basis-1/5 rounded-md text-slate-500">
-        <a href="search.html" class="block text-center py-3 px-1"
+        <router-link
+          :to="{ name: 'discover' }"
+          class="block text-center py-3 px-1"
           ><fa icon="magnifying-glass" class="fa-fw"></fa
-        ></a>
+        ></router-link>
       </li>
       <!-- Projects -->
       <li class="basis-1/5 rounded-md text-slate-500">
-        <a href="" class="block text-center py-3 px-1"
+        <router-link
+          :to="{ name: 'projects' }"
+          class="block text-center py-3 px-1"
           ><fa icon="folder-open" class="fa-fw"></fa
-        ></a>
+        ></router-link>
       </li>
       <!-- Commitments -->
       <li class="basis-1/5 rounded-md text-slate-500">
-        <a href="" class="block text-center py-3 px-1"
+        <router-link
+          :to="{ name: 'commitments' }"
+          class="block text-center py-3 px-1"
           ><fa icon="hand" class="fa-fw"></fa
-        ></a>
+        ></router-link>
       </li>
       <!-- Profile -->
       <li class="basis-1/5 rounded-md bg-slate-400 text-white">
-        <a href="account-view.html" class="block text-center py-3 px-1"
+        <router-link
+          :to="{ name: 'account' }"
+          class="block text-center py-3 px-1"
           ><fa icon="circle-user" class="fa-fw"></fa
-        ></a>
+        ></router-link>
       </li>
     </ul>
   </nav>
@@ -101,10 +109,10 @@
       </div>
     </div>
 
-    <a
+    <router-link
-      href="account-edit.html"
+      :to="{ name: 'new-edit-account' }"
       class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8"
-      >Edit Identity</a
+      >Edit Identity</router-link
     >
 
     <h3 class="text-sm uppercase font-semibold mb-3">Contact Actions</h3>

src/views/CommitmentsView.vue

@@ -0,0 +1,3 @@
+<template>
+  <section id="Content" class="p-6 pb-24"></section>
+</template>

src/views/ProjectsView.vue

@@ -0,0 +1,3 @@
+<template>
+  <section id="Content" class="p-6 pb-24"></section>
+</template>

src/views/StartView.vue

@@ -13,7 +13,7 @@
         Do you already have an identity to import?
       </p>
       <router-link
-        :to="{ name: 'new-edit-account' }"
+        :to="{ name: 'account' }"
         class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
       >
         No