name

src/reprocess/ReprocessResultTable.vue

@@ -16,9 +16,9 @@ const computedResult = computed(() => props.result.map(r =>({
     ...r,
     buy_ratio: (r.buy_reprocess / r.buy) - 1,
     sell_ratio: (r.sell_reprocess / r.sell) - 1
-})))
+})).sort((a, b) => a.name.localeCompare(b.name)))
 
-const threshold = useStorage('reprocess-threshold', 90);
+const threshold = useStorage('reprocess-threshold', 100);
 </script>
 
 <template>
@@ -40,7 +40,7 @@ const threshold = useStorage('reprocess-threshold', 90);
         </thead>
         <tbody>
             <tr v-for="r in computedResult" :key="r.typeID" :class="{'bg-emerald-500': r.buy_ratio * threshold >= 100 }">
-                <td>{{ r.typeID }}</td>
+                <td>{{ r.name }}</td>
                 <td class="text-right">{{ iskFormater.format(r.buy) }}</td>
                 <td class="text-right">{{ iskFormater.format(r.buy_reprocess) }} ({{percentFormater.format(r.buy_ratio)}})</td>
                 <td class="text-right">{{ iskFormater.format(r.sell) }}</td>

src/reprocess/reprocess.ts

@@ -2,6 +2,7 @@ import { apiAxiosInstance } from "@/service";
 
 export type ReprocessItemValues = {
     typeID: number;
+    name: string;
     buy: number;
     buy_reprocess: number;
     sell: number;