migracja assetów

src/components/TrainsView/TrainInfo.vue

@@ -40,7 +40,7 @@
         <img
           v-if="getSceneriesWithComments(train.timetableData).length > 0"
           class="image-warning"
-          :src="getIcon('warning')"
+          src="/images/icon-warning.svg"
           :title="`${$t('trains.timetable-comments')} (${getSceneriesWithComments(
             train.timetableData
           )})`"
@@ -106,7 +106,6 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import imageMixin from '../../mixins/imageMixin';
 import styleMixin from '../../mixins/styleMixin';
 import trainInfoMixin from '../../mixins/trainInfoMixin';
 import Train from '../../scripts/interfaces/Train';
@@ -114,6 +113,9 @@ import ProgressBar from '../Global/ProgressBar.vue';
 import TrainThumbnail from '../Global/TrainThumbnail.vue';
 
 export default defineComponent({
+  mixins: [trainInfoMixin, styleMixin],
+  components: { ProgressBar, TrainThumbnail },
+
   props: {
     train: {
       type: Object as () => Train,
@@ -123,9 +125,7 @@ export default defineComponent({
       type: Boolean,
       default: true
     }
-  },
-  mixins: [trainInfoMixin, imageMixin, styleMixin],
-  components: { ProgressBar, TrainThumbnail }
+  }
 });
 </script>
 

src/components/TrainsView/TrainOptions.vue

@@ -3,7 +3,7 @@
     <div class="bg" v-if="showOptions" @click="showOptions = false"></div>
 
     <button class="filter-button btn--filled btn--image" @click="toggleShowOptions" ref="button">
-      <img :src="getIcon('filter2')" alt="Open filters" />
+      <img src="/images/icon-filter2.svg" alt="Open filters icon" />
       {{ $t('options.filters') }} [F]
       <span class="active-indicator" v-if="currentOptionsActive"></span>
     </button>
@@ -23,7 +23,7 @@
                 v-model="searchedTrain"
               />
               <button class="search-exit">
-                <img :src="getIcon('exit')" alt="exit-icon" @click="onInputClear('train')" />
+                <img src="/images/icon-exit.svg" alt="Trains search clear icon" @click="onInputClear('train')" />
               </button>
             </div>
 
@@ -36,7 +36,7 @@
                 v-model="searchedDriver"
               />
               <button class="search-exit">
-                <img :src="getIcon('exit')" alt="exit-icon" @click="onInputClear('driver')" />
+                <img src="/images/icon-exit.svg" alt="Driver search clear icon" @click="onInputClear('driver')" />
               </button>
             </div>
           </div>
@@ -86,13 +86,12 @@
 
 <script lang="ts">
 import { defineComponent, inject, PropType } from 'vue';
-import imageMixin from '../../mixins/imageMixin';
 import keyMixin from '../../mixins/keyMixin';
 import { TrainFilterSection } from '../../scripts/enums/TrainFilterType';
 import { TrainFilter } from '../../scripts/interfaces/Trains/TrainFilter';
 
 export default defineComponent({
-  mixins: [imageMixin, keyMixin],
+  mixins: [keyMixin],
 
   props: {
     sorterOptionIds: {

src/components/TrainsView/TrainSchedule.vue

@@ -71,7 +71,6 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from 'vue';
 import dateMixin from '../../mixins/dateMixin';
-import imageMixin from '../../mixins/imageMixin';
 import Train from '../../scripts/interfaces/Train';
 import TrainStop from '../../scripts/interfaces/TrainStop';
 import { useStore } from '../../store/store';
@@ -87,7 +86,7 @@ export default defineComponent({
     }
   },
 
-  mixins: [dateMixin, imageMixin],
+  mixins: [dateMixin],
 
   emits: ['click'],
 
@@ -146,7 +145,7 @@ export default defineComponent({
 
     onImageError(e: Event) {
       const imageEl = e.target as HTMLImageElement;
-      imageEl.src = this.getImage('unknown.png');
+      imageEl.src = '/images/icon-unknown.png';
     }
   }
 });

src/components/TrainsView/TrainTable.vue

@@ -35,7 +35,6 @@
 <script lang="ts">
 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';
@@ -51,7 +50,7 @@ export default defineComponent({
     }
   },
 
-  mixins: [returnBtnMixin, modalTrainMixin],
+  mixins: [modalTrainMixin],
 
   setup(props) {
     const store = useStore();