Use buttons

This commit is contained in:
Peter 2024-11-10 21:31:22 -06:00
parent 885d905c5c
commit e69b5691e7

View File

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