hotfixy

src/App.vue

@@ -6,6 +6,8 @@
       </keep-alive>
     </transition>
 
+    <!-- <UpdateModal /> -->
+
     <AppHeader :current-lang="currentLang" @change-lang="changeLang" />
 
     <main class="app_main">
@@ -47,13 +49,15 @@ import TrainModal from './components/TrainsView/TrainModal.vue';
 import StorageManager from './managers/storageManager';
 import { useApiStore } from './store/apiStore';
 import { Status } from './typings/common';
+import UpdateModal from './components/App/UpdateModal.vue';
 
 export default defineComponent({
   components: {
     Clock,
     StatusIndicator,
     AppHeader,
-    TrainModal
+    TrainModal,
+    UpdateModal
   },
 
   data: () => ({

src/components/App/UpdateModal.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="update-modal">
+    <AnimatedModal :is-open="true">Test</AnimatedModal>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import AnimatedModal from '../Global/AnimatedModal.vue';
+
+export default defineComponent({
+  components: { AnimatedModal },
+  data() {
+    return {};
+  }
+});
+</script>
+
+<style scoped></style>

src/components/StationsView/StationTable.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="station_table">
-    <transition name="status-anim">
+    <transition name="status-anim" mode="out-in">
       <div class="table_wrapper" :key="apiStore.dataStatuses.connection">
         <table>
           <thead>

src/components/TrainsView/newFile.ts

@@ -1,14 +0,0 @@
-import { PropType, defineComponent } from 'vue';
-import dateMixin from '../../mixins/dateMixin';
-import { TrainScheduleStop } from './TrainSchedule.vue';
-
-export default defineComponent({
-  mixins: [dateMixin],
-
-  props: {
-    stop: {
-      type: Object as PropType<TrainScheduleStop>,
-      required: true
-    }
-  }
-});