diff --git a/src/layouts/policy-vehicles/policy-vehicles.vue b/src/layouts/policy-vehicles/policy-vehicles.vue index 4a92c1c2..3466f5b9 100644 --- a/src/layouts/policy-vehicles/policy-vehicles.vue +++ b/src/layouts/policy-vehicles/policy-vehicles.vue @@ -193,25 +193,25 @@ export default { const vehicle = await this.lookupVehicleByVin(value); // handle error in case vehicle info doesn't come back for selected VIN - if (vehicle?.error ?? true) { - this.mainStore.resetVehicleState(); - this.displayGeneric = true; - return; - } - - // save selected vehicle to the store - this.mainStore.updateVehicle(vehicle.data); - this.displayGeneric = true; - - // get the style(s) associated with the selected YMM - const styleOptions = await this.mainStore.getVehicleStyles( + if (vehicle?.error === true) { + this.mainStore.resetVehicleState(); + this.displayGeneric = true; + return; + } + if (vehicle) { + // save selected vehicle to the store + this.mainStore.updateVehicle(vehicle.data); + this.displayGeneric = true; + + // get the style(s) associated with the selected YMM + const styleOptions = await this.mainStore.getVehicleStyles( vehicle.data.year, - vehicle.data.make, - vehicle.data.model - ) - - // if there is more than 1 style for the selected vehicle, display generic/blurred image - this.displayGeneric = styleOptions?.data?.length > 1; + vehicle.data.make, + vehicle.data.model, + ); + // if there is more than 1 style for the selected vehicle, display generic/blurred image + this.displayGeneric = styleOptions?.data?.length > 1; + } } } },