feat: currency stock

src/components/TradeListing.vue

@@ -44,6 +44,7 @@
       <thead>
         <tr class="text-left">
           <th class="px-2">Price</th>
+          <th v-if="item.stackSize" class="px-2">Stock</th>
           <th v-if="misc_filters.ilvl.min" class="px-2">iLvl</th>
           <th v-if="item.rarity === 'Gem'" class="px-2">Level</th>
           <th v-if="item.rarity === 'Gem'" class="px-2">Quality</th>
@@ -53,6 +54,7 @@
       <tbody style="overflow: scroll;">
         <tr v-for="result in results" :key="result.id">
           <td class="px-2 whitespace-no-wrap">{{ result.priceAmount }} {{ result.priceCurrency }}</td>
+          <td v-if="item.stackSize" class="px-2 text-right">{{ result.stackSize }}</td>
           <td v-if="misc_filters.ilvl.min" class="px-2 whitespace-no-wrap text-right">{{ result.itemLevel }}</td>
           <td v-if="item.rarity === 'Gem'" class="px-2 whitespace-no-wrap">{{ result.level }}</td>
           <td v-if="item.rarity === 'Gem'" class="px-2 whitespace-no-wrap text-blue-400 text-right">{{ result.quality }}</td>

src/components/pathofexile-trade.ts

@@ -81,6 +81,7 @@ interface FetchResult {
   id: string
   item: {
     ilvl?: number
+    stackSize?: number
     corrupted?: boolean
     properties?: Array<{
       name: 'Quality' | 'Level'
@@ -100,6 +101,7 @@ interface FetchResult {
 interface PricingResult {
   id: string
   itemLevel?: number
+  stackSize?: number
   corrupted?: boolean
   quality?: string
   level?: string
@@ -292,6 +294,7 @@ export async function requestResults (queryId: string, resultIds: string[]): Pro
     return {
       id: result.id,
       itemLevel: result.item.ilvl,
+      stackSize: result.item.stackSize,
       corrupted: result.item.corrupted,
       quality: result.item.properties?.find(prop => prop.name === 'Quality')?.values[0][0],
       level: result.item.properties?.find(prop => prop.name === 'Level')?.values[0][0],