chore(api): url changes

src/http.ts

@@ -3,8 +3,8 @@ import axios from 'axios';
 const http = axios.create({
   baseURL:
     import.meta.env.VITE_API_DEV === '1' && import.meta.env.DEV
-      ? 'http://localhost:5500'
+      ? 'http://localhost:3001'
-      : 'https://static.spythere.eu',
+      : 'https://spythere.spythere.eu',
 });
 
 export default http;

src/mixins/imageMixin.ts

@@ -7,11 +7,7 @@ export default defineComponent({
     },
 
     getThumbnailURL(vehicleType: string, size: 'small' | 'large') {
-      return `${
+      return `https://static.spythere.eu/images/${vehicleType}--${size == 'small' ? 300 : 800}px.jpg`;
-        import.meta.env.VITE_API_DEV === '1'
-          ? 'http://localhost:5500'
-          : 'https://static.spythere.eu'
-      }/images/${vehicleType}--${size == 'small' ? 300 : 800}px.jpg`;
     },
   },
 });

src/store.ts

@@ -21,8 +21,7 @@ import {
 } from './utils/vehicleUtils';
 
 import i18n from './i18n-setup';
-
+import http from './http';
-import vehiclesData from './data/vehiclesData.json';
 
 export const useStore = defineStore({
   id: 'store',
@@ -123,8 +122,19 @@ export const useStore = defineStore({
   },
 
   actions: {
+    async fetchVehiclesAPI() {
+      try {
+        const vehiclesData = (await http.get<IVehiclesData>('/vehicles')).data;
+        this.vehiclesData = vehiclesData;
+
+        console.log(vehiclesData);
+      } catch (error) {
+        console.error(error);
+      }
+    },
+
     async setupAPIData() {
-      this.vehiclesData = vehiclesData;
+      await this.fetchVehiclesAPI();
       this.mergeBackendTranslations();
     },