Fix sorting and anchor issues

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("");
 

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>