Cleanup

package.json

@@ -1,35 +1,35 @@
-{
-  "name": "stacjownik",
-  "version": "1.10.0",
-  "private": true,
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "core-js": "^3.12.1",
-    "dotenv": "^8.6.0",
-    "firebase": "^9.8.1",
-    "howler": "^2.2.1",
-    "pinia": "^2.0.14",
-    "sass": "^1.53.0",
-    "socket.io-client": "^4.4.1",
-    "vue": "^3.2.37",
-    "vue-i18n": "^9.1.6",
-    "vue-router": "^4.0.0-0"
-  },
-  "devDependencies": {
-    "@types/node": "^17.0.35",
-    "@vitejs/plugin-vue": "^3.0.0",
-    "axios": "^0.21.1",
-    "typescript": "^4.6.4",
-    "vite": "^3.0.0",
-    "vue-tsc": "^0.38.4"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
-}
+{
+  "name": "stacjownik",
+  "version": "1.10.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "core-js": "^3.12.1",
+    "dotenv": "^8.6.0",
+    "firebase": "^9.8.1",
+    "howler": "^2.2.1",
+    "pinia": "^2.0.14",
+    "sass": "^1.53.0",
+    "socket.io-client": "^4.4.1",
+    "vue": "^3.2.37",
+    "vue-i18n": "^9.1.6",
+    "vue-router": "^4.0.0-0"
+  },
+  "devDependencies": {
+    "@types/node": "^17.0.35",
+    "@vitejs/plugin-vue": "^3.0.0",
+    "axios": "^0.21.1",
+    "typescript": "^4.6.4",
+    "vite": "^3.0.0",
+    "vue-tsc": "^0.38.4"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

src/components/TrainsView/TrainTable.vue

@@ -25,33 +25,22 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, inject, Ref, computed } from 'vue';
+import { computed, defineComponent, inject, PropType, Ref } from 'vue';
 import modalTrainMixin from '../../mixins/modalTrainMixin';
 import returnBtnMixin from '../../mixins/returnBtnMixin';
 import Train from '../../scripts/interfaces/Train';
 import { useStore } from '../../store/store';
-import Loading from '../Global/Loading.vue';
-import TrainModal from '../Global/TrainModal.vue';
-import TrainInfo from './TrainInfo.vue';
-import TrainSchedule from './TrainSchedule.vue';
 
 export default defineComponent({
-  components: {
-    TrainSchedule,
-    TrainInfo,
-    Loading,
-    TrainModal,
-  },
-
-  mixins: [returnBtnMixin, modalTrainMixin],
-
   props: {
     trains: {
-      type: Array as () => Train[],
+      type: Array as PropType<Train[]>,
       required: true,
     },
   },
 
+  mixins: [returnBtnMixin, modalTrainMixin],
+
   setup(props) {
     const store = useStore();
 
@@ -67,7 +56,6 @@ export default defineComponent({
       searchedDriver,
       currentTrains,
       store,
-
       sorterActive: inject('sorterActive') as { id: string | number; dir: number },
       distanceLimitExceeded: computed(
         () => props.trains.findIndex(({ timetableData }) => timetableData && timetableData.routeDistance > 200) != -1
@@ -83,7 +71,7 @@ export default defineComponent({
       this.searchedTrain = query.trainNo.toString();
 
       setTimeout(() => {
-        this.selectModalTrain(query.driverName + <string>query.trainNo);
+        this.selectModalTrain(query.driverName! + query.trainNo!.toString());
       }, 20);
     }
   },
@@ -112,7 +100,6 @@ export default defineComponent({
         el.style.height = '0px';
       }, 10);
     },
-
   },
 });
 </script>

tsconfig.json

@@ -14,6 +14,7 @@
       "ESNext",
       "DOM"
     ],
+    "types": ["vite/client"],
     "skipLibCheck": true
   },
   "include": [