Archive/clean-cuts
1
0
Fork 0
mirror of https://github.com/BlossomiShymae/clean-cuts.git synced 2025-12-06 10:10:47 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix images not loading, add pagination and search

Browse Source
This commit is contained in:
BlossomiShymae
2024-06-10 16:32:18 -05:00
parent d7f75807ba
commit 67f93478f9
2 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/models.ts
View File

@@ -319,6 +319,6 @@ export class Companion extends CommunityDragonObject {
}
getLoadoutsIcon(version: string): string {
return this.resolveGamePath({path: this.loadoutsIcon, version: version});
return this.resolveClientPath({path: this.loadoutsIcon, args: {locale: "default", version: version}});
}
}

11
pages/companions/index.vue
View File

@@ -17,27 +17,23 @@
<th scope="col">Item Id</th>
<th scope="col">Icon</th>
<th scope="col">Name</th>
<th scope="col">Species Name</th>
<th scope="col">Species ID</th>
</tr>
</thead>
<tbody>
<tr v-for="companion in p.pages[p.index.value]" :key="companion.contentId" style="positon: relative;">
<tr v-for="companion in p.pages[p.index.value]" :key="companion.contentId" style="position: relative;">
<td scope="row">
<NuxtLink class="text-decoration-none text-light stretched-link" :to="`/companions/overview/${companion.contentId}`">
{{ companion.itemId }}
</NuxtLink>
</td>
<td>
<img :src="companion.getLoadoutsIcon('latest')" width="32px" height="32px" loading="lazy"
<img :src="companion.getLoadoutsIcon('latest')" height="48px" loading="lazy"
onerror="this.onerror = null; this.src='/clean-cuts/img/error.png'" />
</td>
<td>
{{ companion.name }}
</td>
<td>
{{ companion.speciesName }}
</td>
<td>
{{ companion.speciesId }}
</td>
@@ -61,7 +57,8 @@ const { client } = useClient();
const query = ref("");
const companions = await client.companions.listAsync({locale: "default", version: "latest"});
const companions = (await client.companions.listAsync({locale: "default", version: "latest"}))
.sort((a, b) => a.itemId - b.itemId);
const { isNumeric } = useIsNumeric();
const p = computed(() => {