diff --git a/src/components/RandomizerCard.vue b/src/components/RandomizerCard.vue index 9cd543e..962c152 100644 --- a/src/components/RandomizerCard.vue +++ b/src/components/RandomizerCard.vue @@ -47,14 +47,10 @@ WYBIERZ POJAZD LUB WAGON, BY ZOBACZYĆ JEGO PODGLĄD - {{ randomFocusedWagonVariant.type }} (1 z {{ focusedCarWagon!.availableCars.length }}) + + {{ randomFocusedWagonVariant.type }} (1 z {{ focusedCarWagon!.availableCars.length }}) + - - @@ -197,6 +193,20 @@ export default defineComponent({ randomFocusedWagonVariant: undefined as ICarWagon | undefined, }), + watch: { + 'focusedCarWagon.availableCars': { + handler(cars?: RandomStockCarWagon['availableCars'], prevCars?: RandomStockCarWagon['availableCars']) { + const prevAvailableCarsStr = prevCars?.map((car) => car.type).join(',') || ''; + const availableCarsStr = cars?.map((car) => car.type).join(',') || ''; + + if (prevAvailableCarsStr != availableCarsStr) { + this.randomFocusedWagonVariant = + this.focusedCarWagon?.availableCars[~~(Math.random() * this.focusedCarWagon.availableCars.length)]; + } + }, + }, + }, + computed: { allCarOptionsList() { const list: string[] = []; @@ -235,15 +245,12 @@ export default defineComponent({ carWagon.chosenCargo = undefined; } - this.onCarWagonTypeFocus(carWagon); + // this.onCarWagonTypeFocus(carWagon); }, onCarWagonTypeFocus(carWagon: RandomStockCarWagon) { const prevVariantsCount = this.focusedCarWagon?.availableCars.length || 0; - console.log(prevVariantsCount); - - this.focusedCarWagon = carWagon; if (prevVariantsCount != carWagon.availableCars.length)