Some refactoring, added dynamic route for EmployeesDetails

src/components/VNavigation.vue

@@ -21,7 +21,7 @@ async function onLogout() {
         <router-link 
             v-if="userStore.isLoggedIn" 
             class="nav-link" 
-            :to="{name: 'Profile'}"
+            to="/employees/me"
         >
             Profile
         </router-link>

src/router/index.ts

@@ -22,9 +22,9 @@ const routes: Array<RouteRecordRaw> = [
     }
   },
   {
-    path: '/employees/me',
+    path: '/employees/:id',
-    name: 'Profile',
+    name: 'EmployeesDetails',
-    component: () => import('@/views/Profile.vue'),
+    component: () => import('@/views/EmployeesDetails.vue'),
     meta: { 
       requiresAuth: true,
       requiresAdmin: false

src/views/EmployeesDetails.vue

@@ -23,6 +23,7 @@ import { reactive, onMounted } from 'vue'
 import { useUser } from '@/stores/user';
 import axios from 'axios'
 import { useNotifications } from '@/stores/notifications';
+import { useRoute } from 'vue-router';
 
 const userStore = useUser()
 const useNotification = useNotifications()
@@ -61,7 +62,9 @@ onMounted(async () => {
     })
 
     try {
-        const data : ResultData = await <ResultData>(await ai.get('employees/me')).data
+        const id = useRoute().params.id
+
+        const data : ResultData = await <ResultData>(await ai.get('employees/'+id)).data
 
         Object.assign(employee, data.employee)
         Object.assign(user, data.user)