From 4b38a5e5978c9b84cb1673191435b70642007fd0 Mon Sep 17 00:00:00 2001
From: Blitblank <pmcgeee03@gmail.com>
Date: Sat, 14 Mar 2026 16:09:32 -0500
Subject: [PATCH] make links look like buttons

---
 client/src/pages/UsersList.vue | 6 +++++-
 client/src/pages/index.vue     | 5 ++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/UsersList.vue b/client/src/pages/UsersList.vue
index 8f9f7c5..c2f6bd8 100644
--- a/client/src/pages/UsersList.vue
+++ b/client/src/pages/UsersList.vue
@@ -22,7 +22,11 @@ onMounted(() => {
             <tr v-for="user in store.users" :key="user.id">
                 <td>{{ user.name }}</td>
                 <td>
-                    <router-link tag="button" :to="`/user/${user.id}`">Edit</router-link>
+                    
+                    <router-link to="`/user/${user.id}`" custom v-slot="{ navigate }">
+                        <button @click="navigate" role="link">Edit</button>
+                    </router-link>
+
                     <button @click="store.removeUser(user.id)">Delete</button>
                 </td>
             </tr>
diff --git a/client/src/pages/index.vue b/client/src/pages/index.vue
index 9795ec4..4e9fc51 100644
--- a/client/src/pages/index.vue
+++ b/client/src/pages/index.vue
@@ -9,5 +9,8 @@
     <h1>straight up gargoyling it !</h1>
     <h3>yeah im so cool rn</h3>
     <h1>imagining what I could do with themes :o</h1>
-    <router-link tag="button" :to="`/users`">>Users</router-link>
+
+    <router-link to="/users" custom v-slot="{ navigate }">
+        <button @click="navigate" role="link">Users</button>
+    </router-link>
 </template>