added input masks to EmployeeDetails, started implementing Employees/Index. Updated to Vue 3.2.21

src/components/Schedule.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
 
 AddEmployeeModal(
-        :searchData="employees" 
-        :searchFields="['name']" 
+        :searchData="rows" 
+        :searchFields="['first_name', 'last_name']" 
         :searchRow="addEmployeeRow" 
         :modalId="modalId" 
         @emitResult="addEmployee($event)"
@@ -144,7 +144,7 @@ AddEmployeeModal(
     const addEmployeeRow : Ref<number> = ref(-1)
     const addEmployeeMonth : Ref<number> = ref(-1)
     const scheduleData : Ref<ScheduleData> = ref(getScheduleData())
-    const { employees } = storeToRefs(store)
+    const { rows } = storeToRefs(store)
 
     const selected : Ref<string[]> = ref([])
     const shiftAnchor : Ref<Coordinates | undefined> = ref(undefined)

src/components/VNavigation.vue

@@ -16,18 +16,19 @@ async function onLogout() {
 
 <template>
     <nav class="nav justify-content-center border-bottom mb-4 pb-2 d-flex">
-		<router-link class="nav-link" to="/">Home</router-link>
+		<router-link class="nav-link" :to="{name: 'Home'}">Home</router-link>
+        <router-link v-if="userStore.isAdmin" :to="{name: 'Employees/Index'}" class="nav-link">Mitarbeiter</router-link>
         <div class="ms-auto"></div>
         <router-link 
             v-if="userStore.isLoggedIn" 
             class="nav-link" 
-            to="/employees/me"
+            :to="{name: 'Employees/Details', params: {id: 'me'}}"
         >
-            Profile
+            Profil
         </router-link>
 
 		<a v-if="userStore.isLoggedIn" href="#" @click="onLogout()" class="nav-link">Logout</a>
-		<router-link v-else to="Login" class="nav-link">Login</router-link>
+		<router-link v-else :to="{name: 'Login'}" class="nav-link">Login</router-link>
 	</nav>
 </template>
 

src/components/VProfileControls.vue

@@ -34,7 +34,7 @@ function onCancel() {
         Mitarbeiter bearbeiten
     </button>
 
-    <button v-if="isActive" type="button" @click="onSave" class="btn btn-success ms-auto">
+    <button v-if="isActive" type="submit" @click.prevent="onSave" class="btn btn-success ms-auto">
         <i class="bi bi-save"></i>
         Mitarbeiter speichern
     </button>