Updates to quick navigation

src/views/DiscoverView.vue

@@ -4,33 +4,23 @@
     <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"
-          ><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></a>
       </li>
       <!-- Search -->
       <li class="basis-1/5 rounded-md bg-slate-400 text-white">
-        <a href="search.html" class="block text-center py-3 px-1"
-          ><fa icon="magnifying-glass" class="fa-fw"></fa
-        ></a>
+        <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">
-        <a href="" class="block text-center py-3 px-1"
-          ><fa icon="folder-open" class="fa-fw"></fa
-        ></a>
+        <router-link :to="" 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">
-        <a href="" class="block text-center py-3 px-1"
-          ><fa icon="hand" class="fa-fw"></fa
-        ></a>
+        <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">
-        <a href="account-view.html" class="block text-center py-3 px-1"
-          ><fa icon="circle-user" class="fa-fw"></fa
-        ></a>
+        <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>