RouterLink to NuxtLink
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user