Vehicle Comparison

To display comparison data about electric vehicles.

Usage

Current vehicle comparison

Is an Electric Vehicle right for you? Simply type in your vehicle registration, to unlock the savings you could be benefiting from by switching to an electric vehicle.

Options
Vue Component Usage
<vehicle-comparison
  item="[object Object]"
></vehicle-comparison>
HTML Element Component Usage
<nd-component name="vehicle-comparison" data='{"item":{"id":"14204790","manufacturer":"Volkswagen","model":"Id.3","variant":"Hatchback Special Edition 1ST Edition","fuel":{"type":"Electric"},"location":{"hash":"19614f442dc0bdbf1c0b1e90ec1250b868d0f474"},"identifiers":{"fscCode":null,"salesmasterId":"9f44589eb676114dc777ce97c3cb63f4","stockId":"14204790"},"range":{"unit":"miles","value":260},"power":{"maxKw":152},"tax":{"band":"A","in12Months":null},"mainImage":"//s3-eu-west-1.amazonaws.com/autofs/ndstock/images/stock/2375a2776dc187291e2fd928aeb5136e54f10a3a/9f44589eb676114dc777ce97c3cb63f4_AV70JZM_735c7816812e787aca2169038d3ff7ec_1.jpg?last_modified=1664504250"}}'></nd-component>

Api/Services
Search
Get-vehicle

Endpoint: context.site.gfSearchApi

Method: POST

Get-petrol-price

Endpoint: https://s3-eu-west-1.amazonaws.com/autofs/shared/interiors/v10setup/petrol-prices.json

Method: GET

Module/properties
Vehicle

state.vehicle.item

state.vehicle.context

state.vehicle.vehicleLookupError

state.vehicle.fuelPricesInformation

state.vehicle.vehicleLookupError

state.vehicle.customerVehicle

Valuations

state.valuations.confirmed