Migracja na Vite

src/components/SceneryView/SceneryTimetable.vue

@@ -2,7 +2,7 @@
   <section class="scenery-timetable">
     <div class="timetable-header">
       <h3>
-        <img :src="icons.timetable" alt="icon-timetable" />&nbsp;
+        <img :src="getIcon('timetable')" alt="icon-timetable" />&nbsp;
         <span>{{ $t('scenery.timetables') }}</span>
         &nbsp;
         <span class="text--primary">{{ station.onlineInfo?.scheduledTrains?.length || '0' }}</span>
@@ -51,7 +51,7 @@
               {{ scheduledTrain.trainNo }}
 
               <span class="g-tooltip" v-if="scheduledTrain.stopInfo.comments">
-                <img :src="icons.warning" />
+                <img :src="getIcon('warning')" />
                 <span class="content" v-html="scheduledTrain.stopInfo.comments"> </span>
               </span>
             </span>
@@ -153,22 +153,24 @@
 </template>
 
 <script lang="ts">
-import Station from '@/scripts/interfaces/Station';
 import SelectBox from '../Global/SelectBox.vue';
 import { computed, defineComponent, PropType, ref } from '@vue/runtime-core';
 import { useRoute } from 'vue-router';
-import dateMixin from '@/mixins/dateMixin';
-import routerMixin from '@/mixins/routerMixin';
-import { useStore } from '@/store/store';
+
 import Loading from '../Global/Loading.vue';
 import TrainModal from '../Global/TrainModal.vue';
+import dateMixin from '../../mixins/dateMixin';
+import routerMixin from '../../mixins/routerMixin';
+import Station from '../../scripts/interfaces/Station';
+import { useStore } from '../../store/store';
+import imageMixin from '../../mixins/imageMixin';
 
 export default defineComponent({
   name: 'SceneryTimetable',
 
   components: { SelectBox, Loading, TrainModal },
 
-  mixins: [dateMixin, routerMixin],
+  mixins: [dateMixin, routerMixin, imageMixin],
 
   props: {
     station: {
@@ -178,12 +180,8 @@ export default defineComponent({
   },
 
   data: () => ({
-    viewIcon: require('@/assets/icon-view.svg'),
     listOpen: false,
-    icons: {
-      warning: require('@/assets/icon-warning.svg'),
-      timetable: require('@/assets/icon-timetable.svg'),
-    },
+
   }),
 
   setup(props) {