Migracja projektu na Vite

src/mixins/changeMixin.ts

@@ -0,0 +1,49 @@
+import { defineComponent } from 'vue';
+import { useStore } from '../store';
+
+export default defineComponent({
+  setup() {
+    return {
+      store: useStore(),
+    };
+  },
+
+  methods: {
+    addChange(stationName: string, propName: string, oldValue: any, newValue: any) {
+      if (oldValue === newValue) return;
+
+      if (this.store.changeList[stationName] === null || !(stationName in this.store.changeList))
+        this.store.changeList[stationName] = {};
+
+      if (propName === 'name') {
+        const station = this.store.stationList[this.store.stationList.findIndex((v) => v.name == newValue)];
+        console.log(oldValue, newValue, station);
+
+        this.store.changeBackupList[oldValue] = { ...station, name: oldValue };
+        this.store.changeBackupList[newValue] = null;
+
+        this.store.changeList[oldValue] = null;
+        this.store.changeList[newValue] = { ...station };
+      } else {
+        this.store.changeList[stationName][propName] = newValue;
+
+        if (!this.store.changeBackupList[stationName]) this.store.changeBackupList[stationName] = {};
+
+        if (this.store.changeBackupList[stationName][propName] === undefined)
+          this.store.changeBackupList[stationName][propName] = oldValue;
+      }
+
+      if (this.store.changeList[stationName][propName] == this.store.changeBackupList[stationName][propName]) {
+        delete this.store.changeList[stationName][propName];
+        delete this.store.changeBackupList[stationName][propName];
+
+        if (Object.keys(this.store.changeList[stationName]).length == 0) delete this.store.changeList[stationName];
+
+        if (Object.keys(this.store.changeBackupList[stationName]).length == 0)
+          delete this.store.changeBackupList[stationName];
+      }
+
+      this.store.unsavedChanges = Object.keys(this.store.changeList).length != 0;
+    },
+  },
+});

src/mixins/dataMixin.ts

@@ -0,0 +1,46 @@
+import { defineComponent } from 'vue';
+import { useStore } from '../store';
+import axios from 'axios';
+
+export default defineComponent({
+  setup() {
+    return {
+      store: useStore(),
+    };
+  },
+
+  data() {
+    return {
+      API_URL: import.meta.env.PROD ? 'https://stacjownik.eu-4.evennode.com' : import.meta.env.VITE_API_URL,
+    };
+  },
+
+  methods: {
+    async loadData() {
+      try {
+        this.store.dataState = 'LOADING';
+
+        const data = (
+          await axios.get(`${this.API_URL}/api/getSceneries?time=${Date.now()}`, {
+            headers: {
+              'Content-Type': 'application/json',
+              Authorization: `Bearer ${this.store.token}`,
+            },
+          })
+        ).data;
+
+        this.store.backupList = JSON.stringify(data);
+        this.store.stationList = data;
+        this.store.unsavedChanges = false;
+        this.store.changeList = [];
+        this.store.changeBackupList = [];
+
+        this.store.dataState = 'LOADED';
+      } catch (error) {
+        this.store.dataState = 'ERROR';
+        this.store.token = '';
+        this.store.isAuthorized = false;
+      }
+    },
+  },
+});