torsten/yourpart3
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor betterPricesMap handling in RevenueSection for Vue 3 compatibility

Browse Source 
- Removed the use of $set for updating betterPricesMap, leveraging direct assignment instead, which is now the standard in Vue 3.
- Simplified the getBetterPrices method by eliminating unnecessary logging, enhancing code clarity while maintaining functionality.
- These changes aim to improve performance and align with Vue 3 best practices for state management.
This commit is contained in:
Torsten Schulz (local)
2025-12-03 16:03:06 +01:00
parent def88f6486
commit 7fab23d22b
1 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/falukant/RevenueSection.vue
View File

@@ -130,22 +130,19 @@
currentRegionId: this.currentRegionId currentRegionId: this.currentRegionId
} }
}); });
console.log(`[RevenueSection] Product ${product.id} (${product.labelTr}): received ${data?.length || 0} better prices:`, data);
// Speichere betterPrices in einem separaten Map, nicht auf dem product Objekt // Speichere betterPrices in einem separaten Map, nicht auf dem product Objekt
this.$set(this.betterPricesMap, product.id, data || []); // In Vue 3 ist $set nicht mehr nötig, direkte Zuweisung funktioniert
console.log(`[RevenueSection] betterPricesMap after update:`, JSON.parse(JSON.stringify(this.betterPricesMap))); this.betterPricesMap[product.id] = data || [];
} catch (error) { } catch (error) {
console.error(`Error loading prices for product ${product.id}:`, error); console.error(`Error loading prices for product ${product.id}:`, error);
this.$set(this.betterPricesMap, product.id, []); this.betterPricesMap[product.id] = [];
} finally { } finally {
this.loadingPrices.delete(product.id); this.loadingPrices.delete(product.id);
} }
} }
}, },
getBetterPrices(productId) { getBetterPrices(productId) {
const prices = this.betterPricesMap[productId] || []; return this.betterPricesMap[productId] || [];
console.log(`[RevenueSection] getBetterPrices(${productId}): returning`, prices);
return prices;
}, },
getCityPriceClass(branchType) { getCityPriceClass(branchType) {
if (branchType === 'store') return 'city-price-green'; if (branchType === 'store') return 'city-price-green';