preliminary frontend for ther auth api

client/src/pages/UsersList.vue

@@ -2,14 +2,22 @@
 <script setup lang="ts">
 
 import { onMounted } from "vue"
+import { useRoute, useRouter } from "vue-router";
 import { useUsersStore } from "../stores/UsersStore.ts"
+import * as authApi from "../api/AuthApi";
 
 const store = useUsersStore()
+const router = useRouter();
 
 onMounted(() => {
   store.fetchUsers()
 })
 
+function logout() {
+    authApi.logout();
+    router.push("/login");
+}
+
 </script>
 
 <template>
@@ -31,5 +39,6 @@ onMounted(() => {
                 </td>
             </tr>
         </table>
+        <button @click="logout()">Logout</button>
     </div>
 </template>