From 8058c4b2331e03ec887ecaa59463ed37c1ad673f Mon Sep 17 00:00:00 2001
From: BlossomiShymae <87099578+BlossomiShymae@users.noreply.github.com>
Date: Sat, 14 Sep 2024 10:56:57 -0500
Subject: [PATCH] Fix sorting and anchor issues

---
 pages/tft-damage-skins/index.vue | 3 ++-
 pages/tft-items/index.vue        | 6 ++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/pages/tft-damage-skins/index.vue b/pages/tft-damage-skins/index.vue
index 5004345..8530c00 100644
--- a/pages/tft-damage-skins/index.vue
+++ b/pages/tft-damage-skins/index.vue
@@ -37,7 +37,8 @@ import usePagination from '~/composables/usePagination';
 
 const { client } = useClient();
 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("");
 
diff --git a/pages/tft-items/index.vue b/pages/tft-items/index.vue
index 4d5a124..7a6ab6a 100644
--- a/pages/tft-items/index.vue
+++ b/pages/tft-items/index.vue
@@ -15,9 +15,7 @@
         <tbody>
           <tr v-for="tftItem in tftItems" :key="tftItem.guid" style="postion: relative;">
             <th scope="row">
-              <NuxtLink class="text-decoration-none text-light stretched-link" :to="`/tft-items/overview/${tftItem.guid}`">
-                {{ tftItem.guid }}
-              </NuxtLink>
+              <span class="text-decoration-none text-light fw-normal">{{ tftItem.guid }}</span>
             </th>
             <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'"/>
@@ -26,7 +24,7 @@
               <span class="text-decoration-none text-light fw-normal">{{ tftItem.name }}</span>
             </th>
             <th scope="row">
-              {{ tftItem.nameId }}
+              <span class="text-decoration-none text-light fw-normal">{{ tftItem.nameId }}</span>
             </th>
           </tr>
         </tbody>