im so tired rn

client/src/components/UsersTable.vue

@@ -0,0 +1,33 @@
+
+<script setup lang="ts">
+
+import { onMounted } from "vue";
+import { useUsersStore} from "../stores/UsersStore.ts";
+
+const store = useUsersStore();
+
+onMounted(() => { // register callback for when component is loaded on page
+    store.fetchUsers();
+})
+
+</script>
+
+<template>
+
+    <div>
+        <h1>Users</h1>
+
+        <router-link to="/users/new">Create User</router-link>
+
+        <table>
+            <tr v-for="user in store.users" :key="user.id">
+                <td>{{ user.name }}</td>
+                <td>
+                    <router-link :to="`/users/${user.id}`">Edit</router-link>
+                    <button @click="store.removeUser(user.id)">Delete</button>
+                </td>
+            </tr>
+        </table>
+    </div>
+
+</template>