Fix sorting and anchor issues

This commit is contained in:
BlossomiShymae
2024-09-14 10:56:57 -05:00
parent 5243cf1cb7
commit 8058c4b233
2 changed files with 4 additions and 5 deletions

View File

@@ -37,7 +37,8 @@ import usePagination from '~/composables/usePagination';
const { client } = useClient(); const { client } = useClient();
const { currentLocale } = useLocale(); const { currentLocale } = useLocale();
const getTftDamageSkins = async () => (await client.tftDamageSkins.listAsync({ locale: currentLocale.value, version: "latest"})); const getTftDamageSkins = async () => (await client.tftDamageSkins.listAsync({ locale: currentLocale.value, version: "latest"}))
.sort((a, b) => a.itemId - b.itemId);
const query = ref(""); const query = ref("");

View File

@@ -15,9 +15,7 @@
<tbody> <tbody>
<tr v-for="tftItem in tftItems" :key="tftItem.guid" style="postion: relative;"> <tr v-for="tftItem in tftItems" :key="tftItem.guid" style="postion: relative;">
<th scope="row"> <th scope="row">
<NuxtLink class="text-decoration-none text-light stretched-link" :to="`/tft-items/overview/${tftItem.guid}`"> <span class="text-decoration-none text-light fw-normal">{{ tftItem.guid }}</span>
{{ tftItem.guid }}
</NuxtLink>
</th> </th>
<th scope="row"> <th scope="row">
<img class="rounded" :src="tftItem.getSquareIcon('latest')" width="32" height="32" loading="lazy" onerror="this.onerror = null; this.src = '/clean-cuts/img/error.png'"/> <img class="rounded" :src="tftItem.getSquareIcon('latest')" width="32" height="32" loading="lazy" onerror="this.onerror = null; this.src = '/clean-cuts/img/error.png'"/>
@@ -26,7 +24,7 @@
<span class="text-decoration-none text-light fw-normal">{{ tftItem.name }}</span> <span class="text-decoration-none text-light fw-normal">{{ tftItem.name }}</span>
</th> </th>
<th scope="row"> <th scope="row">
{{ tftItem.nameId }} <span class="text-decoration-none text-light fw-normal">{{ tftItem.nameId }}</span>
</th> </th>
</tr> </tr>
</tbody> </tbody>