From e69b5691e7eb77ef294906199e0e615235d760f2 Mon Sep 17 00:00:00 2001
From: Peter <peterlgirouard@gmail.com>
Date: Sun, 10 Nov 2024 21:31:22 -0600
Subject: [PATCH] Use buttons

---
 src/views/GameView.vue | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/views/GameView.vue b/src/views/GameView.vue
index eb2e0a6..5643c79 100644
--- a/src/views/GameView.vue
+++ b/src/views/GameView.vue
@@ -12,8 +12,10 @@
             team1Abbreviation: adjacentGames!.team1prevGame!.away_team.abbrev,
             team2Abbreviation: adjacentGames!.team1prevGame!.home_team.abbrev
           }
-        }">
-          Previous {{ awayTeamAbbreviation }} Game
+        }" v-slot="{ href, navigate }">
+          <button :href="href" @click="navigate">
+            &lt;&lt;Prev
+          </button>
         </RouterLink>
         <RouterLink v-if="awayTeamAbbreviation && awayTeamThumbnail"
           :to="{ name: 'team', params: { seasonNumber: seasonNumber, teamAbbreviation: awayTeamAbbreviation } }">
@@ -27,8 +29,10 @@
             team1Abbreviation: adjacentGames!.team1nextGame!.away_team.abbrev,
             team2Abbreviation: adjacentGames!.team1nextGame!.home_team.abbrev
           }
-        }">
-          Next {{ awayTeamAbbreviation }} Game
+        }" v-slot="{ href, navigate }">
+          <button :href="href" @click="navigate">
+            Next&gt;&gt;
+          </button>
         </RouterLink>
       </div>
       <div class="col-sm-6">
@@ -46,8 +50,10 @@
             team1Abbreviation: adjacentGames!.team2prevGame!.away_team.abbrev,
             team2Abbreviation: adjacentGames!.team2prevGame!.home_team.abbrev
           }
-        }">
-          Previous {{ homeTeamAbbreviation }} Game
+        }" v-slot="{ href, navigate }">
+          <button :href="href" @click="navigate">
+            &lt;&lt;Prev
+          </button>
         </RouterLink>
         <RouterLink v-if="homeTeamAbbreviation && homeTeamThumbnail"
           :to="{ name: 'team', params: { seasonNumber: seasonNumber, teamAbbreviation: homeTeamAbbreviation } }">
@@ -61,8 +67,10 @@
             team1Abbreviation: adjacentGames!.team2nextGame!.away_team.abbrev,
             team2Abbreviation: adjacentGames!.team2nextGame!.home_team.abbrev
           }
-        }">
-          Next {{ homeTeamAbbreviation }} Game
+        }" v-slot="{ href, navigate }">
+          <button :href="href" @click="navigate">
+            Next&gt;&gt;
+          </button>
         </RouterLink>
       </div>
     </div>