section improvements; hotfixes

src/mixins/stockMixin.ts

@@ -29,7 +29,7 @@ export default defineComponent({
         count,
         imgSrc: vehicle.imageSrc,
         useType: isLoco ? vehicle.power : vehicle.useType,
-        supportersOnly: vehicle.supportersOnly,
+        isSponsorsOnly: vehicle.isSponsorsOnly,
         constructionType: vehicle.constructionType,
       };
     },

src/mixins/stockPreviewMixin.ts

@@ -1,6 +1,7 @@
-import { defineComponent } from "vue";
-import { useStore } from "../store";
-import { ICarWagon, ILocomotive, IStock } from "../types";
+import { defineComponent } from 'vue';
+import { useStore } from '../store';
+import { ICarWagon, ILocomotive, IStock, Vehicle } from '../types';
+import { isLocomotive } from '../utils/vehicleUtils';
 
 export default defineComponent({
   setup() {
@@ -9,64 +10,20 @@ export default defineComponent({
     };
   },
 
-  computed: {
-    locoOptions() {
-      return this.store.locoDataList
-        .slice()
-        .sort((a, b) => (a.type > b.type ? 1 : -1))
-        .filter((loco) => loco.power == this.store.chosenLocoPower);
-    },
-
-    carOptions() {
-      return this.store.carDataList
-        .slice()
-        .sort((a, b) => (a.type > b.type ? 1 : -1))
-        .filter((car) => car.useType == this.store.chosenCarUseType);
-    },
-  },
+  computed: {},
 
   methods: {
-    selectLocoType(locoTypeId: string) {
-      this.store.chosenLocoPower = locoTypeId;
-      this.store.chosenVehicle = this.locoOptions[0];
-      this.store.chosenLoco = this.locoOptions[0];
-    },
-
-    selectCarWagonType(carWagonTypeId: string) {
-      this.store.chosenCarUseType = carWagonTypeId;
-      this.store.chosenVehicle = this.carOptions[0];
-      this.store.chosenCar = this.carOptions[0];
-      this.store.chosenCargo = null;
-    },
-
-    previewVehicleByType(type: "loco" | "car" | "cargo") {
-      this.$nextTick(() => {
-        if (!this.store.chosenLoco && !this.store.chosenCar) return;
-
-        this.store.chosenVehicle =
-          type == "loco" ? this.store.chosenLoco : this.store.chosenCar;
-
-        this.store.chosenCargo =
-          this.store.chosenCar?.cargoList.find(
-            (cargo) => cargo.id == this.store.chosenCargo?.id,
-          ) || null;
-      });
-    },
-
     previewStock(stock: IStock) {
-      if (this.store.chosenVehicle?.imageSrc != stock.imgSrc)
-        this.store.imageLoading = true;
+      if (this.store.chosenVehicle?.imageSrc != stock.imgSrc) this.store.imageLoading = true;
 
       if (stock.isLoco) {
-        const chosenLoco =
-          this.store.locoDataList.find((v) => v.type == stock.type) || null;
+        const chosenLoco = this.store.locoDataList.find((v) => v.type == stock.type) || null;
         this.store.chosenVehicle = chosenLoco;
         this.store.chosenLoco = chosenLoco;
         this.store.chosenCargo = null;
         this.store.chosenLocoPower = stock.useType;
       } else {
-        const chosenCar =
-          this.store.carDataList.find((v) => v.type == stock.type) || null;
+        const chosenCar = this.store.carDataList.find((v) => v.type == stock.type) || null;
         this.store.chosenVehicle = chosenCar;
         this.store.chosenCar = chosenCar;
 
@@ -89,6 +46,11 @@ export default defineComponent({
       this.store.chosenCargo = null;
     },
 
+    previewVehicle(vehicle: Vehicle) {
+      if (isLocomotive(vehicle)) this.previewLocomotive(vehicle);
+      else this.previewCarWagon(vehicle);
+    },
+
     resetPreview() {
       this.store.chosenVehicle = null;
       this.store.chosenCar = null;