Archive/clean-cuts
1
0
Fork 0
mirror of https://github.com/BlossomiShymae/clean-cuts.git synced 2026-02-04 09:53:13 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Init commit

Browse Source
This commit is contained in:
Blossomi Shymae
2024-05-01 20:38:02 -05:00
commit 75bc1827e4
29 changed files with 11845 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
pages/items/index.vue Normal file
View File

@@ -0,0 +1,49 @@
<template>
<div class="d-flex flex-column gap-2">
<h1>Items</h1>
<div class="overflow-hidden rounded border border-light border-opacity-25 p-4">
<table class="sortable table table-borderless">
<thead>
<tr>
<th scope="col">Id</th>
<th scope="col">Icon</th>
<th scope="col">Name</th>
<th scope="col">Price</th>
</tr>
</thead>
<tbody>
<tr v-for="item in items" :key="item.id">
<th scope="row">
<NuxtLink class="text-decoration-none text-light" :to="`/items/overview/${item.id}`">
{{ item.id }}
</NuxtLink>
</th>
<td>
<NuxtLink class="text-decoration-none text-light" :to="`/items/overview/${item.id}`">
<img class="rounded" :src="item.getIcon('latest')" width="32" height="32" loading="lazy" onerror="this.onerror = null; this.src = '/img/error.png'"/>
</NuxtLink>
</td>
<td>
<NuxtLink class="text-decoration-none text-light" :to="`/items/overview/${item.id}`">
<span v-html="item.name"></span>
</NuxtLink>
</td>
<td>
<NuxtLink class="text-decoration-none text-light" :to="`/items/overview/${item.id}`">
{{ item.priceTotal }}
</NuxtLink>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</template>
<script setup lang="ts">
import useClient from '../../composables/useClient';
const { client } = useClient();
const items = await client.items.listAsync({ locale: "default", version: "latest"});
</script>