Load Locations/People/Vehicles from layout on app load

store/vehicles/index.js

@@ -1,18 +1,31 @@
 export const state = () => ({
+  list: [],
   vehicle: {}
 });
 
 export const mutations = {
+  setList: (state, vehicles) => {
+    state.list = vehicles;
+  },
   setVehicle: (state, vehicle) => {
     state.vehicle = vehicle;
   }
 };
 
 export const actions = {
-  async getVehicle({ commit }, { id, callback = false }) {
+  async getList({ commit }) {
+    try {
+      const vehicles = await this.$axios.$get(
+        "/api/vehicles?fields=id,name,description,vehicle_class,length,pilot,films"
+      );
+      commit("setList", vehicles);
+    } catch (e) {
+      throw Error(`API Error occurred: ${e.message}`);
+    }
+  },
+  async getVehicle({ commit }, id) {
     try {
       const vehicle = await this.$axios.$get(`/api/vehicles/${id}`);
-      if (callback) return vehicle;
       commit("setVehicle", vehicle);
     } catch (e) {
       throw Error(`API Error occurred: ${e.message}`);
@@ -21,5 +34,6 @@ export const actions = {
 };
 
 export const getters = {
+  list: state => state.list,
   vehicle: state => state.vehicle
 };