RouterLink to NuxtLink

This commit is contained in:
2024-11-25 00:39:43 +01:00
parent 497e40853d
commit eb31fe109f
2 changed files with 4 additions and 4 deletions

View File

@@ -26,11 +26,11 @@ async function submit() {
<input @keyup.enter="submit" v-model="searchText" ref="searchBar" class="search-bar" type="text" placeholder="Search a champion"/> <input @keyup.enter="submit" v-model="searchText" ref="searchBar" class="search-bar" type="text" placeholder="Search a champion"/>
</div> </div>
<div class="champion-container" style="margin-top: 20px; margin-bottom: 20px;"> <div class="champion-container" style="margin-top: 20px; margin-bottom: 20px;">
<RouterLink v-for="champion in filteredChampions" :to="'/champion/' + champion.alias.toLowerCase()"> <NuxtLink v-for="champion in filteredChampions" :to="'/champion/' + champion.alias.toLowerCase()">
<div class="champion-img-container"> <div class="champion-img-container">
<img class="champion-img" :src="CDRAGON_BASE + mapPath(champion.squarePortraitPath)" :alt="champion.name"/> <img class="champion-img" :src="CDRAGON_BASE + mapPath(champion.squarePortraitPath)" :alt="champion.name"/>
</div> </div>
</RouterLink> </NuxtLink>
</div> </div>
</div> </div>
</template> </template>

View File

@@ -1,9 +1,9 @@
<template> <template>
<div style="width: fit-content;"> <div style="width: fit-content;">
<RouterLink style="display: flex; width: fit-content; text-decoration: none;" to="/"> <NuxtLink style="display: flex; width: fit-content; text-decoration: none;" to="/">
<img width="140" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" /> <img width="140" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
<h1 id="logo-text" style="">BuildPath</h1> <h1 id="logo-text" style="">BuildPath</h1>
</RouterLink> </NuxtLink>
</div> </div>
</template> </template>