Fix unsold discs stat

Author: BadgerCode

src/api/customDiscs/api.ts

@@ -15,6 +15,8 @@ export async function retrieveCustomDiscs(): Promise<void> {
   }
   let response = (await httpResponse.json()).result as CustomDiscsOverview;
 
+  itemsStore.customMusicDiscsUnsold = response.unsoldDiscs;
+
   // Update custom music disc store
   for (const disc of response.discs) {
     let storeDisc = getDiscFromStore(disc.name);

src/store/items-state.ts

@@ -11,12 +11,13 @@ export interface CustomMusicDisc {
   maxPrice: number;
   averagePrice: number;
   latestSale?: string;
-};
+}
 
 export const itemsStore = reactive({
   customMusicDiscs: {} as { [discName: string]: CustomMusicDisc },
   customMusicDiscSources: new Set<string>(),
   customMusicDiscVersions: new Set<string>(),
+  customMusicDiscsUnsold: 0,
   customDiscsLastUpdated: new Date(0),
   customDiscsStatsLastUpdated: new Date(0),
 

src/views/ItemTypeView.vue

@@ -50,9 +50,6 @@ const villagerTrades = computed(() => {
   return itemsStore.villagerTrades.filter((t) => t.itemType?.toLocaleLowerCase() == itemType);
 });
 
-// Specific item type data
-const numUndiscoveredMusicDiscs = ref(0);
-
 // Name filter
 const nameFilter = ref("");
 watch(nameFilter, async (_, __) => {
@@ -276,8 +273,8 @@ function getWikiLink() {
           <p class="text-gray-300" v-if="itemInfo?.description">{{ itemInfo.description }}</p>
 
           <!-- Specific item type info -->
-          <p class="text-gray-300" v-if="numUndiscoveredMusicDiscs > 0">
-            {{ numUndiscoveredMusicDiscs }} custom discs have not been sold yet (possibly undiscovered).
+          <p class="text-gray-300" v-if="itemsStore.customMusicDiscsUnsold > 0">
+            {{ itemsStore.customMusicDiscsUnsold }} custom discs have not been sold yet (possibly undiscovered).
           </p>
 
           <!-- More info -->