Vehicle Specification

Something about vehicle specifications

Context Object

In order to make sure the components load the following values are required from the context object. Including the site wide values.

window.ND_COMPONENT_CONTEXT = {
  site: {
    language: '',
    gfSearchApi: {
      apiUrl: '',
      clientToken: '',
      uuid: '',
    },
  },
  vehicle: {
    id: '',
  },
};

Specification
Options
Vue Component Usage
<vehicle-specification
  item="[object Object]"
></vehicle-specification>
HTML Element Component Usage
<nd-component name="vehicle-specification" data='{"item":{"id":"1","battery":{"capacity":99.99,"batteryType":"Lithium-ion","manufacturerWarrantyMileage":1000,"manufacturerWarrantyYears":10},"range":{"value":1,"unit":"miles"},"emission":{"co2":173},"efficiency":{"combined":34.9,"motorway":34.9,"urban":44.6},"engine":{"description":"1.5L 3 cylinder turbocharged petrol"},"transmission":{"type":"Automatic"},"insuranceGroup":"Test","power":{"maxHp":449,"maxKw":449},"maxSpeed":{"unit":"mph","value":155},"technical":{"acceleration":4.8},"dimensions":{"height":1504.2,"length":3600,"wheelbase":2417,"width":1645,"widthIncMirrors":1910,"unit":"mm"}}}'></nd-component>

Api/Services
Search
Get-vehicle

Endpoint: context.site.gfSearchApi

Method: POST

Module/properties
Vehicle

state.vehicle.item

state.vehicle.context