make links look like buttons

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>

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>