From 12ece460896449c26d8fe5e45337e45bee106eef Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 4 Oct 2023 17:30:30 +0200
Subject: [PATCH] =?UTF-8?q?migracja=20asset=C3=B3w?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../images}/icon-2way-block.svg               |   0
 {src/assets => public/images}/icon-SBL.svg    |   0
 {src/assets => public/images}/icon-SUP.svg    |   0
 .../images}/icon-abandoned.svg                |   0
 .../images}/icon-arrow-asc.svg                |   0
 .../images}/icon-arrow-desc.svg               |   0
 {src/assets => public/images}/icon-back.svg   |   0
 {src/assets => public/images}/icon-clock.svg  |   0
 .../assets => public/images}/icon-discord.png | Bin
 .../images}/icon-dispatcher.svg               |   0
 {src/assets => public/images}/icon-dolar.svg  |   0
 {src/assets => public/images}/icon-dollar.svg |   0
 {src/assets => public/images}/icon-en.jpg     | Bin
 {src/assets => public/images}/icon-error.svg  |   0
 {src/assets => public/images}/icon-exit.svg   |   0
 .../assets => public/images}/icon-filter2.svg |   0
 .../images}/icon-historyczna.svg              |   0
 .../images}/icon-kształtowa.svg               |   0
 {src/assets => public/images}/icon-legend.svg |   0
 {src/assets => public/images}/icon-length.svg |   0
 {src/assets => public/images}/icon-like.svg   |   0
 {src/assets => public/images}/icon-lock.svg   |   0
 {src/assets => public/images}/icon-mass.svg   |   0
 .../images}/icon-mieszana.svg                 |   0
 .../assets => public/images}/icon-offline.svg |   0
 {src/assets => public/images}/icon-paypal.svg |   0
 {src/assets => public/images}/icon-person.svg |   0
 {src/assets => public/images}/icon-pl.svg     |   0
 {src/assets => public/images}/icon-point.svg  |   0
 .../images}/icon-pragotron.svg                |   0
 {src/assets => public/images}/icon-real.svg   |   0
 .../assets => public/images}/icon-refresh.svg |   0
 {src/assets => public/images}/icon-route.svg  |   0
 .../assets => public/images}/icon-scenery.svg |   0
 .../images}/icon-schedule.svg                 |   0
 {src/assets => public/images}/icon-search.svg |   0
 {src/assets => public/images}/icon-select.svg |   0
 {src/assets => public/images}/icon-signal.svg |   0
 {src/assets => public/images}/icon-sort.svg   |   0
 {src/assets => public/images}/icon-spawn.svg  |   0
 {src/assets => public/images}/icon-speed.svg  |   0
 {src/assets => public/images}/icon-stats.svg  |   0
 .../assets => public/images}/icon-tablice.ico | Bin
 {src/assets => public/images}/icon-td2.svg    |   0
 .../images}/icon-timetable.svg                |   0
 .../images}/icon-timetableAll.svg             |   0
 .../images}/icon-timetableConfirmed.svg       |   0
 .../images}/icon-timetableUnconfirmed.svg     |   0
 {src/assets => public/images}/icon-train.svg  |   0
 .../images}/icon-unavailable.svg              |   0
 .../assets => public/images}/icon-unknown.svg |   0
 {src/assets => public/images}/icon-user.svg   |   0
 {src/assets => public/images}/icon-view.svg   |   0
 .../assets => public/images}/icon-warning.svg |   0
 .../images}/icon-współczesna.svg              |   0
 .../images}/signal-status-indicator.svg       |   0
 .../images}/stacjownik-header-logo.svg        |   0
 src/App.vue                                   |   9 ++---
 src/assets/icon-vehicle-unknown.png           | Bin 2320 -> 0 bytes
 src/components/App/AppHeader.vue              |  12 +++----
 src/components/Global/SearchBox.vue           |   5 +--
 src/components/Global/SelectBox.vue           |   4 +--
 src/components/Global/StockList.vue           |   3 --
 src/components/Global/TrainModal.vue          |   5 ++-
 .../JournalView/JournalDispatchersList.vue    |   3 +-
 src/components/JournalView/JournalOptions.vue |   9 +++--
 .../JournalTimetables/TimetableExtra.vue      |   4 +--
 .../TimetableHistoryList.vue                  |   7 ++--
 .../SceneryInfo/SceneryInfoDispatcher.vue     |   5 ++-
 .../SceneryInfo/SceneryInfoIcons.vue          |  17 +++++----
 .../SceneryInfo/SceneryInfoSpawnList.vue      |   5 +--
 .../SceneryInfo/SceneryInfoStats.vue          |  10 +++---
 .../SceneryInfo/SceneryInfoUserList.vue       |   5 ++-
 .../SceneryView/SceneryTimetable.vue          |  11 +++---
 src/components/StationsView/FilterOption.vue  |  16 ++++++++-
 .../StationsView/StationFilterCard.vue        |  22 ++----------
 src/components/StationsView/StationTable.vue  |  28 +++++++--------
 src/components/TrainsView/TrainInfo.vue       |  10 +++---
 src/components/TrainsView/TrainOptions.vue    |   9 +++--
 src/components/TrainsView/TrainSchedule.vue   |   5 ++-
 src/components/TrainsView/TrainTable.vue      |   3 +-
 src/mixins/imageMixin.ts                      |  13 -------
 src/mixins/returnBtnMixin.ts                  |  34 ------------------
 src/mixins/trainInfoMixin.ts                  |   5 +--
 src/views/JournalTimetables.vue               |   3 +-
 src/views/SceneryView.vue                     |   5 ++-
 86 files changed, 91 insertions(+), 176 deletions(-)
 rename {src/assets => public/images}/icon-2way-block.svg (100%)
 rename {src/assets => public/images}/icon-SBL.svg (100%)
 rename {src/assets => public/images}/icon-SUP.svg (100%)
 rename {src/assets => public/images}/icon-abandoned.svg (100%)
 rename {src/assets => public/images}/icon-arrow-asc.svg (100%)
 rename {src/assets => public/images}/icon-arrow-desc.svg (100%)
 rename {src/assets => public/images}/icon-back.svg (100%)
 rename {src/assets => public/images}/icon-clock.svg (100%)
 rename {src/assets => public/images}/icon-discord.png (100%)
 rename {src/assets => public/images}/icon-dispatcher.svg (100%)
 rename {src/assets => public/images}/icon-dolar.svg (100%)
 rename {src/assets => public/images}/icon-dollar.svg (100%)
 rename {src/assets => public/images}/icon-en.jpg (100%)
 rename {src/assets => public/images}/icon-error.svg (100%)
 rename {src/assets => public/images}/icon-exit.svg (100%)
 rename {src/assets => public/images}/icon-filter2.svg (100%)
 rename {src/assets => public/images}/icon-historyczna.svg (100%)
 rename {src/assets => public/images}/icon-kształtowa.svg (100%)
 rename {src/assets => public/images}/icon-legend.svg (100%)
 rename {src/assets => public/images}/icon-length.svg (100%)
 rename {src/assets => public/images}/icon-like.svg (100%)
 rename {src/assets => public/images}/icon-lock.svg (100%)
 rename {src/assets => public/images}/icon-mass.svg (100%)
 rename {src/assets => public/images}/icon-mieszana.svg (100%)
 rename {src/assets => public/images}/icon-offline.svg (100%)
 rename {src/assets => public/images}/icon-paypal.svg (100%)
 rename {src/assets => public/images}/icon-person.svg (100%)
 rename {src/assets => public/images}/icon-pl.svg (100%)
 rename {src/assets => public/images}/icon-point.svg (100%)
 rename {src/assets => public/images}/icon-pragotron.svg (100%)
 rename {src/assets => public/images}/icon-real.svg (100%)
 rename {src/assets => public/images}/icon-refresh.svg (100%)
 rename {src/assets => public/images}/icon-route.svg (100%)
 rename {src/assets => public/images}/icon-scenery.svg (100%)
 rename {src/assets => public/images}/icon-schedule.svg (100%)
 rename {src/assets => public/images}/icon-search.svg (100%)
 rename {src/assets => public/images}/icon-select.svg (100%)
 rename {src/assets => public/images}/icon-signal.svg (100%)
 rename {src/assets => public/images}/icon-sort.svg (100%)
 rename {src/assets => public/images}/icon-spawn.svg (100%)
 rename {src/assets => public/images}/icon-speed.svg (100%)
 rename {src/assets => public/images}/icon-stats.svg (100%)
 rename {src/assets => public/images}/icon-tablice.ico (100%)
 rename {src/assets => public/images}/icon-td2.svg (100%)
 rename {src/assets => public/images}/icon-timetable.svg (100%)
 rename {src/assets => public/images}/icon-timetableAll.svg (100%)
 rename {src/assets => public/images}/icon-timetableConfirmed.svg (100%)
 rename {src/assets => public/images}/icon-timetableUnconfirmed.svg (100%)
 rename {src/assets => public/images}/icon-train.svg (100%)
 rename {src/assets => public/images}/icon-unavailable.svg (100%)
 rename {src/assets => public/images}/icon-unknown.svg (100%)
 rename {src/assets => public/images}/icon-user.svg (100%)
 rename {src/assets => public/images}/icon-view.svg (100%)
 rename {src/assets => public/images}/icon-warning.svg (100%)
 rename {src/assets => public/images}/icon-współczesna.svg (100%)
 rename {src/assets => public/images}/signal-status-indicator.svg (100%)
 rename {src/assets => public/images}/stacjownik-header-logo.svg (100%)
 delete mode 100644 src/assets/icon-vehicle-unknown.png
 delete mode 100644 src/mixins/imageMixin.ts
 delete mode 100644 src/mixins/returnBtnMixin.ts

diff --git a/src/assets/icon-2way-block.svg b/public/images/icon-2way-block.svg
similarity index 100%
rename from src/assets/icon-2way-block.svg
rename to public/images/icon-2way-block.svg
diff --git a/src/assets/icon-SBL.svg b/public/images/icon-SBL.svg
similarity index 100%
rename from src/assets/icon-SBL.svg
rename to public/images/icon-SBL.svg
diff --git a/src/assets/icon-SUP.svg b/public/images/icon-SUP.svg
similarity index 100%
rename from src/assets/icon-SUP.svg
rename to public/images/icon-SUP.svg
diff --git a/src/assets/icon-abandoned.svg b/public/images/icon-abandoned.svg
similarity index 100%
rename from src/assets/icon-abandoned.svg
rename to public/images/icon-abandoned.svg
diff --git a/src/assets/icon-arrow-asc.svg b/public/images/icon-arrow-asc.svg
similarity index 100%
rename from src/assets/icon-arrow-asc.svg
rename to public/images/icon-arrow-asc.svg
diff --git a/src/assets/icon-arrow-desc.svg b/public/images/icon-arrow-desc.svg
similarity index 100%
rename from src/assets/icon-arrow-desc.svg
rename to public/images/icon-arrow-desc.svg
diff --git a/src/assets/icon-back.svg b/public/images/icon-back.svg
similarity index 100%
rename from src/assets/icon-back.svg
rename to public/images/icon-back.svg
diff --git a/src/assets/icon-clock.svg b/public/images/icon-clock.svg
similarity index 100%
rename from src/assets/icon-clock.svg
rename to public/images/icon-clock.svg
diff --git a/src/assets/icon-discord.png b/public/images/icon-discord.png
similarity index 100%
rename from src/assets/icon-discord.png
rename to public/images/icon-discord.png
diff --git a/src/assets/icon-dispatcher.svg b/public/images/icon-dispatcher.svg
similarity index 100%
rename from src/assets/icon-dispatcher.svg
rename to public/images/icon-dispatcher.svg
diff --git a/src/assets/icon-dolar.svg b/public/images/icon-dolar.svg
similarity index 100%
rename from src/assets/icon-dolar.svg
rename to public/images/icon-dolar.svg
diff --git a/src/assets/icon-dollar.svg b/public/images/icon-dollar.svg
similarity index 100%
rename from src/assets/icon-dollar.svg
rename to public/images/icon-dollar.svg
diff --git a/src/assets/icon-en.jpg b/public/images/icon-en.jpg
similarity index 100%
rename from src/assets/icon-en.jpg
rename to public/images/icon-en.jpg
diff --git a/src/assets/icon-error.svg b/public/images/icon-error.svg
similarity index 100%
rename from src/assets/icon-error.svg
rename to public/images/icon-error.svg
diff --git a/src/assets/icon-exit.svg b/public/images/icon-exit.svg
similarity index 100%
rename from src/assets/icon-exit.svg
rename to public/images/icon-exit.svg
diff --git a/src/assets/icon-filter2.svg b/public/images/icon-filter2.svg
similarity index 100%
rename from src/assets/icon-filter2.svg
rename to public/images/icon-filter2.svg
diff --git a/src/assets/icon-historyczna.svg b/public/images/icon-historyczna.svg
similarity index 100%
rename from src/assets/icon-historyczna.svg
rename to public/images/icon-historyczna.svg
diff --git a/src/assets/icon-kształtowa.svg b/public/images/icon-kształtowa.svg
similarity index 100%
rename from src/assets/icon-kształtowa.svg
rename to public/images/icon-kształtowa.svg
diff --git a/src/assets/icon-legend.svg b/public/images/icon-legend.svg
similarity index 100%
rename from src/assets/icon-legend.svg
rename to public/images/icon-legend.svg
diff --git a/src/assets/icon-length.svg b/public/images/icon-length.svg
similarity index 100%
rename from src/assets/icon-length.svg
rename to public/images/icon-length.svg
diff --git a/src/assets/icon-like.svg b/public/images/icon-like.svg
similarity index 100%
rename from src/assets/icon-like.svg
rename to public/images/icon-like.svg
diff --git a/src/assets/icon-lock.svg b/public/images/icon-lock.svg
similarity index 100%
rename from src/assets/icon-lock.svg
rename to public/images/icon-lock.svg
diff --git a/src/assets/icon-mass.svg b/public/images/icon-mass.svg
similarity index 100%
rename from src/assets/icon-mass.svg
rename to public/images/icon-mass.svg
diff --git a/src/assets/icon-mieszana.svg b/public/images/icon-mieszana.svg
similarity index 100%
rename from src/assets/icon-mieszana.svg
rename to public/images/icon-mieszana.svg
diff --git a/src/assets/icon-offline.svg b/public/images/icon-offline.svg
similarity index 100%
rename from src/assets/icon-offline.svg
rename to public/images/icon-offline.svg
diff --git a/src/assets/icon-paypal.svg b/public/images/icon-paypal.svg
similarity index 100%
rename from src/assets/icon-paypal.svg
rename to public/images/icon-paypal.svg
diff --git a/src/assets/icon-person.svg b/public/images/icon-person.svg
similarity index 100%
rename from src/assets/icon-person.svg
rename to public/images/icon-person.svg
diff --git a/src/assets/icon-pl.svg b/public/images/icon-pl.svg
similarity index 100%
rename from src/assets/icon-pl.svg
rename to public/images/icon-pl.svg
diff --git a/src/assets/icon-point.svg b/public/images/icon-point.svg
similarity index 100%
rename from src/assets/icon-point.svg
rename to public/images/icon-point.svg
diff --git a/src/assets/icon-pragotron.svg b/public/images/icon-pragotron.svg
similarity index 100%
rename from src/assets/icon-pragotron.svg
rename to public/images/icon-pragotron.svg
diff --git a/src/assets/icon-real.svg b/public/images/icon-real.svg
similarity index 100%
rename from src/assets/icon-real.svg
rename to public/images/icon-real.svg
diff --git a/src/assets/icon-refresh.svg b/public/images/icon-refresh.svg
similarity index 100%
rename from src/assets/icon-refresh.svg
rename to public/images/icon-refresh.svg
diff --git a/src/assets/icon-route.svg b/public/images/icon-route.svg
similarity index 100%
rename from src/assets/icon-route.svg
rename to public/images/icon-route.svg
diff --git a/src/assets/icon-scenery.svg b/public/images/icon-scenery.svg
similarity index 100%
rename from src/assets/icon-scenery.svg
rename to public/images/icon-scenery.svg
diff --git a/src/assets/icon-schedule.svg b/public/images/icon-schedule.svg
similarity index 100%
rename from src/assets/icon-schedule.svg
rename to public/images/icon-schedule.svg
diff --git a/src/assets/icon-search.svg b/public/images/icon-search.svg
similarity index 100%
rename from src/assets/icon-search.svg
rename to public/images/icon-search.svg
diff --git a/src/assets/icon-select.svg b/public/images/icon-select.svg
similarity index 100%
rename from src/assets/icon-select.svg
rename to public/images/icon-select.svg
diff --git a/src/assets/icon-signal.svg b/public/images/icon-signal.svg
similarity index 100%
rename from src/assets/icon-signal.svg
rename to public/images/icon-signal.svg
diff --git a/src/assets/icon-sort.svg b/public/images/icon-sort.svg
similarity index 100%
rename from src/assets/icon-sort.svg
rename to public/images/icon-sort.svg
diff --git a/src/assets/icon-spawn.svg b/public/images/icon-spawn.svg
similarity index 100%
rename from src/assets/icon-spawn.svg
rename to public/images/icon-spawn.svg
diff --git a/src/assets/icon-speed.svg b/public/images/icon-speed.svg
similarity index 100%
rename from src/assets/icon-speed.svg
rename to public/images/icon-speed.svg
diff --git a/src/assets/icon-stats.svg b/public/images/icon-stats.svg
similarity index 100%
rename from src/assets/icon-stats.svg
rename to public/images/icon-stats.svg
diff --git a/src/assets/icon-tablice.ico b/public/images/icon-tablice.ico
similarity index 100%
rename from src/assets/icon-tablice.ico
rename to public/images/icon-tablice.ico
diff --git a/src/assets/icon-td2.svg b/public/images/icon-td2.svg
similarity index 100%
rename from src/assets/icon-td2.svg
rename to public/images/icon-td2.svg
diff --git a/src/assets/icon-timetable.svg b/public/images/icon-timetable.svg
similarity index 100%
rename from src/assets/icon-timetable.svg
rename to public/images/icon-timetable.svg
diff --git a/src/assets/icon-timetableAll.svg b/public/images/icon-timetableAll.svg
similarity index 100%
rename from src/assets/icon-timetableAll.svg
rename to public/images/icon-timetableAll.svg
diff --git a/src/assets/icon-timetableConfirmed.svg b/public/images/icon-timetableConfirmed.svg
similarity index 100%
rename from src/assets/icon-timetableConfirmed.svg
rename to public/images/icon-timetableConfirmed.svg
diff --git a/src/assets/icon-timetableUnconfirmed.svg b/public/images/icon-timetableUnconfirmed.svg
similarity index 100%
rename from src/assets/icon-timetableUnconfirmed.svg
rename to public/images/icon-timetableUnconfirmed.svg
diff --git a/src/assets/icon-train.svg b/public/images/icon-train.svg
similarity index 100%
rename from src/assets/icon-train.svg
rename to public/images/icon-train.svg
diff --git a/src/assets/icon-unavailable.svg b/public/images/icon-unavailable.svg
similarity index 100%
rename from src/assets/icon-unavailable.svg
rename to public/images/icon-unavailable.svg
diff --git a/src/assets/icon-unknown.svg b/public/images/icon-unknown.svg
similarity index 100%
rename from src/assets/icon-unknown.svg
rename to public/images/icon-unknown.svg
diff --git a/src/assets/icon-user.svg b/public/images/icon-user.svg
similarity index 100%
rename from src/assets/icon-user.svg
rename to public/images/icon-user.svg
diff --git a/src/assets/icon-view.svg b/public/images/icon-view.svg
similarity index 100%
rename from src/assets/icon-view.svg
rename to public/images/icon-view.svg
diff --git a/src/assets/icon-warning.svg b/public/images/icon-warning.svg
similarity index 100%
rename from src/assets/icon-warning.svg
rename to public/images/icon-warning.svg
diff --git a/src/assets/icon-współczesna.svg b/public/images/icon-współczesna.svg
similarity index 100%
rename from src/assets/icon-współczesna.svg
rename to public/images/icon-współczesna.svg
diff --git a/src/assets/signal-status-indicator.svg b/public/images/signal-status-indicator.svg
similarity index 100%
rename from src/assets/signal-status-indicator.svg
rename to public/images/signal-status-indicator.svg
diff --git a/src/assets/stacjownik-header-logo.svg b/public/images/stacjownik-header-logo.svg
similarity index 100%
rename from src/assets/stacjownik-header-logo.svg
rename to public/images/stacjownik-header-logo.svg
diff --git a/src/App.vue b/src/App.vue
index 63b481f..12b1547 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,9 +22,9 @@
       {{ new Date().getUTCFullYear() }} |
       <a :href="releaseURL" target="_blank">v{{ VERSION }}{{ isOnProductionHost ? '' : 'dev' }}</a>
       <br />
-      <a href="https://discord.gg/x2mpNN3svk"
-        ><img :src="getIcon('discord', 'png')" alt="" />&nbsp;<b>{{ $t('footer.discord') }}</b></a
-      >
+      <a href="https://discord.gg/x2mpNN3svk">
+        <img src="/images/icon-discord.png" alt="" />&nbsp;<b>{{ $t('footer.discord') }}</b>
+      </a>
 
       <div style="display: none">&int; ukryta taktyczna całka do programowania w HTMLu</div>
     </footer>
@@ -43,7 +43,6 @@ import SelectBox from './components/Global/SelectBox.vue';
 import { useStore } from './store/store';
 import TrainModal from './components/Global/TrainModal.vue';
 import StorageManager from './scripts/managers/storageManager';
-import imageMixin from './mixins/imageMixin';
 import AppHeader from './components/App/AppHeader.vue';
 import axios from 'axios';
 import useCustomSW from './mixins/useCustomSW';
@@ -57,8 +56,6 @@ export default defineComponent({
     AppHeader
   },
 
-  mixins: [imageMixin],
-
   setup() {
     const store = useStore();
     store.connectToAPI();
diff --git a/src/assets/icon-vehicle-unknown.png b/src/assets/icon-vehicle-unknown.png
deleted file mode 100644
index 0aeae088efecd2a30e34f70fb14faa834d5c7027..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2320
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

diff --git a/src/components/App/AppHeader.vue b/src/components/App/AppHeader.vue
index 36bc3da..35f1dd9 100644
--- a/src/components/App/AppHeader.vue
+++ b/src/components/App/AppHeader.vue
@@ -4,12 +4,12 @@
       <div class="header_icons">
         <span class="icons-top">
           <img
-            :src="getIcon('pl')"
+            src="/images/icon-pl.svg"
             alt="icon-pl"
             @click="changeLang('en')"
             v-if="currentLang == 'pl'"
           />
-          <img :src="getIcon('en', 'jpg')" alt="icon-en" @click="changeLang('pl')" v-else />
+          <img src="/images/icon-en.jpg" alt="icon-en" @click="changeLang('pl')" v-else />
         </span>
       </div>
 
@@ -18,7 +18,7 @@
 
         <span class="header_brand">
           <router-link to="/">
-            <img :src="getImage('stacjownik-header-logo.svg')" alt="Stacjownik" />
+            <img src="/images/stacjownik-header-logo.svg" alt="Stacjownik" />
           </router-link>
         </span>
 
@@ -26,7 +26,7 @@
           <Clock />
 
           <div class="info_counter">
-            <img :src="getIcon('dispatcher')" alt="icon dispatcher" />
+            <img src="/images/icon-dispatcher.svg" alt="icon dispatcher" />
             <span class="text--primary">{{ onlineDispatchersCount }}</span>
 
             <!-- <span class="g-tooltip">
@@ -36,7 +36,7 @@
 
             <span class="text--grayed"> / </span>
             <span class="text--primary">{{ onlineTrainsCount }}</span>
-            <img :src="getIcon('train')" alt="icon train" />
+            <img src="/images/icon-train.svg" alt="icon train" />
           </div>
 
           <span class="info_region">
@@ -70,14 +70,12 @@
 import { defineComponent } from 'vue';
 import { useStore } from '../../store/store';
 import options from '../../data/options.json';
-import imageMixin from '../../mixins/imageMixin';
 import SelectBox from '../Global/SelectBox.vue';
 import StatusIndicator from './StatusIndicator.vue';
 import Clock from './Clock.vue';
 
 export default defineComponent({
   emits: ['changeLang'],
-  mixins: [imageMixin],
   props: {
     currentLang: {
       type: String,
diff --git a/src/components/Global/SearchBox.vue b/src/components/Global/SearchBox.vue
index edefcb5..7c1f7a7 100644
--- a/src/components/Global/SearchBox.vue
+++ b/src/components/Global/SearchBox.vue
@@ -7,17 +7,14 @@
       @keypress="updateValue"
     />
 
-    <img class="search-exit" :src="getIcon('exit')" alt="exit-icon" @click="clearSearchValue" />
+    <img class="search-exit" src="/images/icon-exit.svg" alt="exit-icon" @click="clearSearchValue" />
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent, ref, watch } from 'vue';
-import imageMixin from '../../mixins/imageMixin';
 
 export default defineComponent({
-  mixins: [imageMixin],
-
   emits: ['update:searchedValue', 'clearValue'],
   props: {
     searchedValue: {
diff --git a/src/components/Global/SelectBox.vue b/src/components/Global/SelectBox.vue
index 8d57b1f..c3f332a 100644
--- a/src/components/Global/SelectBox.vue
+++ b/src/components/Global/SelectBox.vue
@@ -5,7 +5,7 @@
         <span>{{ computedSelectedItem.selectedValue || computedSelectedItem.value }}</span>
 
         <div class="arrow">
-          <img :src="listOpen ? getIcon('arrow-asc') : getIcon('arrow-desc')" alt="arrow-icon" />
+          <img :src="`/images/icon-arrow-${listOpen ? 'asc' : 'desc'}.svg`" alt="Arrow icon" />
         </div>
       </button>
 
@@ -34,7 +34,6 @@
 
 <script lang="ts">
 import { defineComponent, Ref, ref, computed } from 'vue';
-import imageMixin from '../../mixins/imageMixin';
 
 interface Item {
   id: string;
@@ -44,7 +43,6 @@ interface Item {
 
 export default defineComponent({
   emits: ['selected'],
-  mixins: [imageMixin],
 
   props: {
     itemList: {
diff --git a/src/components/Global/StockList.vue b/src/components/Global/StockList.vue
index ae34f69..eefb1f2 100644
--- a/src/components/Global/StockList.vue
+++ b/src/components/Global/StockList.vue
@@ -52,11 +52,8 @@
 import { PropType, defineComponent } from 'vue';
 import { useStore } from '../../store/store';
 import { RollingStockInfo } from '../../scripts/interfaces/github_api/StockInfoGithubData';
-import imageMixin from '../../mixins/imageMixin';
 
 export default defineComponent({
-  mixins: [imageMixin],
-
   props: {
     trainStockList: {
       type: Array as PropType<string[]>,
diff --git a/src/components/Global/TrainModal.vue b/src/components/Global/TrainModal.vue
index 4f86fc6..5796f6a 100644
--- a/src/components/Global/TrainModal.vue
+++ b/src/components/Global/TrainModal.vue
@@ -3,7 +3,7 @@
     <div class="modal_background" @click="closeModal"></div>
     <div class="modal_content" ref="content" tabindex="0">
       <button class="btn exit" @click="closeModal">
-        <img :src="getIcon('exit')" alt="close card" />
+        <img src="/images/icon-exit.svg" alt="close card" />
       </button>
 
       <TrainInfo :train="chosenTrain" :extended="false" ref="trainInfo" />
@@ -14,7 +14,6 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import imageMixin from '../../mixins/imageMixin';
 import modalTrainMixin from '../../mixins/modalTrainMixin';
 import trainInfoMixin from '../../mixins/trainInfoMixin';
 import { useStore } from '../../store/store';
@@ -23,7 +22,7 @@ import TrainSchedule from '../TrainsView/TrainSchedule.vue';
 
 export default defineComponent({
   components: { TrainInfo, TrainSchedule },
-  mixins: [trainInfoMixin, modalTrainMixin, imageMixin],
+  mixins: [trainInfoMixin, modalTrainMixin],
 
   data() {
     return {
diff --git a/src/components/JournalView/JournalDispatchersList.vue b/src/components/JournalView/JournalDispatchersList.vue
index a35b00b..9caed40 100644
--- a/src/components/JournalView/JournalDispatchersList.vue
+++ b/src/components/JournalView/JournalDispatchersList.vue
@@ -116,7 +116,6 @@ import { defineComponent, PropType } from 'vue';
 import dateMixin from '../../mixins/dateMixin';
 import { DispatcherHistory } from '../../scripts/interfaces/api/DispatchersAPIData';
 import styleMixin from '../../mixins/styleMixin';
-import imageMixin from '../../mixins/imageMixin';
 import { DataStatus } from '../../scripts/enums/DataStatus';
 import { useStore } from '../../store/store';
 import Loading from '../Global/Loading.vue';
@@ -126,7 +125,7 @@ import AddDataButton from '../Global/AddDataButton.vue';
 export default defineComponent({
   components: { Loading, AddDataButton },
 
-  mixins: [dateMixin, styleMixin, imageMixin],
+  mixins: [dateMixin, styleMixin],
 
   props: {
     dispatcherHistory: {
diff --git a/src/components/JournalView/JournalOptions.vue b/src/components/JournalView/JournalOptions.vue
index 528a06c..e1a0bd0 100644
--- a/src/components/JournalView/JournalOptions.vue
+++ b/src/components/JournalView/JournalOptions.vue
@@ -8,13 +8,13 @@
         @click="showOptions = !showOptions"
         ref="button"
       >
-        <img :src="getIcon('filter2')" alt="Open filters" />
+        <img src="/images/icon-filter2.svg" alt="Open filters" />
         {{ $t('options.filters') }} [F]
         <span class="active-indicator" v-if="currentOptionsActive"></span>
       </button>
 
       <button class="filter-button btn--filled btn--image" @click="refreshData">
-        <img :src="getIcon('refresh')" alt="Refresh data" />
+        <img src="/images/icon-refresh.svg" alt="Refresh data" />
         {{ $t('general.refresh') }}
       </button>
     </div>
@@ -51,7 +51,7 @@
                 />
 
                 <button class="search-exit" v-if="propName != 'search-date'">
-                  <img :src="getIcon('exit')" alt="exit-icon" @click="onInputClear(propName)" />
+                  <img src="/images/icon-exit.svg" alt="exit-icon" @click="onInputClear(propName)" />
                 </button>
               </div>
             </div>
@@ -108,7 +108,6 @@
 <script lang="ts">
 import axios from 'axios';
 import { defineComponent, inject, PropType } from 'vue';
-import imageMixin from '../../mixins/imageMixin';
 import keyMixin from '../../mixins/keyMixin';
 import { DataStatus } from '../../scripts/enums/DataStatus';
 import { DriverStatsAPIData } from '../../scripts/interfaces/api/DriverStatsAPIData';
@@ -119,7 +118,7 @@ import { JournalFilter } from '../../scripts/types/JournalTimetablesTypes';
 
 export default defineComponent({
   emits: ['onSearchConfirm', 'onOptionsReset', 'onRefreshData'],
-  mixins: [imageMixin, keyMixin],
+  mixins: [keyMixin],
 
   props: {
     sorterOptionIds: {
diff --git a/src/components/JournalView/JournalTimetables/TimetableExtra.vue b/src/components/JournalView/JournalTimetables/TimetableExtra.vue
index 0609a32..b810756 100644
--- a/src/components/JournalView/JournalTimetables/TimetableExtra.vue
+++ b/src/components/JournalView/JournalTimetables/TimetableExtra.vue
@@ -78,11 +78,9 @@
 <script lang="ts">
 import { PropType, defineComponent } from 'vue';
 import { TimetableHistory } from '../../../scripts/interfaces/api/TimetablesAPIData';
-import imageMixin from '../../../mixins/imageMixin';
 import StockList from '../../Global/StockList.vue';
 
 export default defineComponent({
-  mixins: [imageMixin],
   components: { StockList },
   props: {
     showExtraInfo: {
@@ -121,7 +119,7 @@ export default defineComponent({
   methods: {
     onImageError(e: Event) {
       const imageEl = e.target as HTMLImageElement;
-      imageEl.src = this.getImage('unknown.png');
+      imageEl.src = '/images/icon-unknown.png';
     }
   }
 });
diff --git a/src/components/JournalView/JournalTimetables/TimetableHistoryList.vue b/src/components/JournalView/JournalTimetables/TimetableHistoryList.vue
index 2b1d5a5..300e494 100644
--- a/src/components/JournalView/JournalTimetables/TimetableHistoryList.vue
+++ b/src/components/JournalView/JournalTimetables/TimetableHistoryList.vue
@@ -23,7 +23,10 @@
 
           <button class="btn--option btn--show">
             {{ $t('journal.stock-info') }}
-            <img :src="getIcon(`arrow-${showExtraInfo.value ? 'asc' : 'desc'}`)" alt="Arrow" />
+            <img
+              :src="`/images/icon-arrow-${showExtraInfo.value ? 'asc' : 'desc'}.svg`"
+              alt="Arrow icon"
+            />
           </button>
           <!-- Extra -->
           <TimetableExtra :timetable="timetable" :showExtraInfo="showExtraInfo.value" />
@@ -35,7 +38,6 @@
 
 <script lang="ts">
 import { PropType, defineComponent, ref } from 'vue';
-import imageMixin from '../../../mixins/imageMixin';
 import { TimetableHistory } from '../../../scripts/interfaces/api/TimetablesAPIData';
 
 import TimetableGeneral from './TimetableGeneral.vue';
@@ -44,7 +46,6 @@ import TimetableStatus from './TimetableStatus.vue';
 import TimetableExtra from './TimetableExtra.vue';
 
 export default defineComponent({
-  mixins: [imageMixin],
   props: {
     timetableHistory: {
       type: Array as PropType<TimetableHistory[]>,
diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
index ce0e542..a834a1b 100644
--- a/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
+++ b/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
@@ -21,7 +21,7 @@
       </router-link>
 
       <span class="dispatcher_likes text--primary">
-        <img :src="getIcon('like')" alt="icon-like" />
+        <img src="/images/icon-like.svg" alt="Likes count icon" />
         <span>{{ station.onlineInfo?.dispatcherRate || '0' }}</span>
       </span>
     </div>
@@ -37,14 +37,13 @@
 <script lang="ts">
 import { PropType, defineComponent } from 'vue';
 import dateMixin from '../../../mixins/dateMixin';
-import imageMixin from '../../../mixins/imageMixin';
 import routerMixin from '../../../mixins/routerMixin';
 import styleMixin from '../../../mixins/styleMixin';
 import Station from '../../../scripts/interfaces/Station';
 import StationStatusBadge from '../../Global/StationStatusBadge.vue';
 
 export default defineComponent({
-  mixins: [styleMixin, dateMixin, routerMixin, imageMixin],
+  mixins: [styleMixin, dateMixin, routerMixin],
   props: {
     station: {
       type: Object as PropType<Station>,
diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoIcons.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoIcons.vue
index a084a38..b3ac504 100644
--- a/src/components/SceneryView/SceneryInfo/SceneryInfoIcons.vue
+++ b/src/components/SceneryView/SceneryInfo/SceneryInfoIcons.vue
@@ -20,7 +20,7 @@
     <img
       v-if="station.generalInfo?.SUP"
       class="icon-info"
-      :src="getIcon('SUP')"
+      src="/images/icon-SUP.svg"
       alt="SUP (RASP-UZK)"
       :title="$t('desc.SUP')"
     />
@@ -28,7 +28,7 @@
     <img
       v-if="station.generalInfo?.signalType"
       class="icon-info"
-      :src="getIcon(station.generalInfo.signalType)"
+      :src="`/images/icon-${station.generalInfo.signalType}.svg`"
       :alt="station.generalInfo.signalType"
       :title="$t('desc.signals-type') + $t(`signals.${station.generalInfo.signalType}`)"
     />
@@ -36,7 +36,7 @@
     <img
       v-if="station.generalInfo?.availability == 'nonPublic'"
       class="icon-info"
-      :src="getIcon('lock')"
+      src="/images/icon-lock.svg"
       alt="Non-public scenery"
       :title="$t('desc.non-public')"
     />
@@ -44,7 +44,7 @@
     <img
       v-if="station.generalInfo?.availability == 'unavailable'"
       class="icon-info"
-      :src="getIcon('unavailable')"
+      src="/images/icon-unavailable.svg"
       alt="Unavailable scenery"
       :title="$t('desc.unavailable')"
     />
@@ -52,7 +52,7 @@
     <img
       v-if="station.generalInfo?.availability == 'abandoned'"
       class="icon-info"
-      :src="getIcon('abandoned')"
+      src="/images/icon-abandoned.svg"
       alt="Abandoned scenery"
       :title="$t('desc.abandoned')"
     />
@@ -60,7 +60,7 @@
     <img
       v-if="station.generalInfo?.lines"
       class="icon-info"
-      :src="getIcon('real')"
+      src="/images/icon-real.svg"
       alt="real scenery"
       :title="`${$t('desc.real')} ${station.generalInfo.lines}`"
     />
@@ -68,7 +68,7 @@
     <img
       v-if="!station.generalInfo"
       class="icon-info"
-      :src="getIcon('unknown')"
+      src="/images/icon-unknown.svg"
       alt="icon-unknown"
       :title="$t('desc.unknown')"
     />
@@ -77,13 +77,12 @@
 
 <script lang="ts">
 import { PropType, defineComponent } from 'vue';
-import imageMixin from '../../../mixins/imageMixin';
 import stationInfoMixin from '../../../mixins/stationInfoMixin';
 import styleMixin from '../../../mixins/styleMixin';
 import Station from '../../../scripts/interfaces/Station';
 
 export default defineComponent({
-  mixins: [stationInfoMixin, styleMixin, imageMixin],
+  mixins: [stationInfoMixin, styleMixin],
   props: {
     station: {
       type: Object as PropType<Station>,
diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoSpawnList.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoSpawnList.vue
index 3fc9810..0f0a245 100644
--- a/src/components/SceneryView/SceneryInfo/SceneryInfoSpawnList.vue
+++ b/src/components/SceneryView/SceneryInfo/SceneryInfoSpawnList.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="info-spawn-list">
     <h3 class="spawn-header section-header">
-      <img :src="getIcon('spawn')" alt="icon-spawn" />
+      <img src="/images/icon-spawn.svg" alt="Open spawns icon" />
       &nbsp;{{ $t('scenery.spawns') }} &nbsp;
       <span class="text--primary">{{ station.onlineInfo?.spawns.length || '0' }}</span>
     </h3>
@@ -28,12 +28,9 @@
 
 <script lang="ts">
 import { PropType, defineComponent } from 'vue';
-import imageMixin from '../../../mixins/imageMixin';
 import Station from '../../../scripts/interfaces/Station';
 
 export default defineComponent({
-  mixins: [imageMixin],
-
   props: {
     station: {
       type: Object as PropType<Station>,
diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoStats.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoStats.vue
index 2ff8979..147cb88 100644
--- a/src/components/SceneryView/SceneryInfo/SceneryInfoStats.vue
+++ b/src/components/SceneryView/SceneryInfo/SceneryInfoStats.vue
@@ -1,24 +1,24 @@
 <template>
   <section class="info-stats" :class="!station.onlineInfo ? 'no-stats' : ''">
     <span class="likes">
-      <img :src="getIcon('like')" alt="icon-like" />
+      <img src="/images/icon-like" alt="Likes count icon" />
       <span>{{ station.onlineInfo?.dispatcherRate || '0' }}</span>
     </span>
 
     <span class="users">
-      <img :src="getIcon('user')" alt="icon-user" />
+      <img src="/images/icon-user" alt="Users count icon" />
       <span>{{ station.onlineInfo?.currentUsers || '0' }}</span>
       /
       <span>{{ station.onlineInfo?.maxUsers || '0' }}</span>
     </span>
 
     <span class="spawns">
-      <img :src="getIcon('spawn')" alt="icon-spawn" />
+      <img src="/images/icon-spawn" alt="Spawns count icon" />
       <span>{{ station.onlineInfo?.spawns.length || '0' }}</span>
     </span>
 
     <span class="schedules">
-      <img :src="getIcon('timetable')" alt="icon-timetable" />
+      <img src="/images/icon-timetable" alt="Timetables count icon" />
       <span>
         <span style="color: #eee">{{ station.onlineInfo?.scheduledTrains?.length || '0' }}</span>
         /
@@ -35,11 +35,9 @@
 
 <script lang="ts">
 import { PropType, defineComponent } from 'vue';
-import imageMixin from '../../../mixins/imageMixin';
 import Station from '../../../scripts/interfaces/Station';
 
 export default defineComponent({
-  mixins: [imageMixin],
   props: {
     station: {
       type: Object as PropType<Station>,
diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoUserList.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoUserList.vue
index 6ac0afa..a3d6cfb 100644
--- a/src/components/SceneryView/SceneryInfo/SceneryInfoUserList.vue
+++ b/src/components/SceneryView/SceneryInfo/SceneryInfoUserList.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="info-user-list">
     <h3 class="user-header section-header">
-      <img :src="getIcon('user')" alt="icon-user" />
+      <img src="/images/icon-user.svg" alt="Users icon" />
       &nbsp;{{ $t('scenery.users') }} &nbsp;
       <span class="text--primary">{{ station.onlineInfo?.currentUsers || '0' }}</span
       >&nbsp;/&nbsp;<span class="text--primary">{{ station.onlineInfo?.maxUsers || '0' }}</span>
@@ -31,14 +31,13 @@
 
 <script lang="ts">
 import { PropType, computed, defineComponent } from 'vue';
-import imageMixin from '../../../mixins/imageMixin';
 import modalTrainMixin from '../../../mixins/modalTrainMixin';
 import routerMixin from '../../../mixins/routerMixin';
 import Station from '../../../scripts/interfaces/Station';
 import { useStore } from '../../../store/store';
 
 export default defineComponent({
-  mixins: [routerMixin, imageMixin, modalTrainMixin],
+  mixins: [routerMixin, modalTrainMixin],
 
   props: {
     station: {
diff --git a/src/components/SceneryView/SceneryTimetable.vue b/src/components/SceneryView/SceneryTimetable.vue
index fe96aa8..3579f2d 100644
--- a/src/components/SceneryView/SceneryTimetable.vue
+++ b/src/components/SceneryView/SceneryTimetable.vue
@@ -2,7 +2,7 @@
   <section class="scenery-timetable">
     <div class="timetable-header">
       <h3>
-        <img :src="getIcon('timetable')" alt="icon-timetable" />
+        <img src="/images/icon-timetable.svg" alt="icon-timetable" />
         <span>{{ $t('scenery.timetables') }}</span>
 
         <span>
@@ -24,11 +24,11 @@
             target="_blank"
             :title="$t('scenery.pragotron-link')"
           >
-            <img :src="getIcon('pragotron')" alt="icon-pragotron" />
+            <img src="/images/icon-pragotron.svg" alt="icon-pragotron" />
           </a>
 
           <a :href="tabliceZbiorczeHref" target="_blank" :title="$t('scenery.tablice-link')">
-            <img :src="getIcon('tablice', 'ico')" alt="icon-tablice" />
+            <img src="/images/icon-tablice.ico" alt="icon-tablice" />
           </a>
         </span>
       </h3>
@@ -84,7 +84,7 @@
                 {{ scheduledTrain.trainNo }}
 
                 <span class="g-tooltip" v-if="scheduledTrain.stopInfo.comments">
-                  <img :src="getIcon('warning')" />
+                  <img src="/images/icon-warning.svg" />
                   <span class="content" v-html="scheduledTrain.stopInfo.comments"> </span>
                 </span>
               </span>
@@ -184,7 +184,6 @@ 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';
 import modalTrainMixin from '../../mixins/modalTrainMixin';
 import ScheduledTrainStatus from './ScheduledTrainStatus.vue';
 
@@ -193,7 +192,7 @@ export default defineComponent({
 
   components: { Loading, ScheduledTrainStatus },
 
-  mixins: [dateMixin, routerMixin, imageMixin, modalTrainMixin],
+  mixins: [dateMixin, routerMixin, modalTrainMixin],
 
   props: {
     station: {
diff --git a/src/components/StationsView/FilterOption.vue b/src/components/StationsView/FilterOption.vue
index a2f8d1e..7bfeb3e 100644
--- a/src/components/StationsView/FilterOption.vue
+++ b/src/components/StationsView/FilterOption.vue
@@ -1,6 +1,12 @@
 <template>
   <label @dblclick="handleDbClick">
-    <input type="checkbox" :class="option.section" :name="option.id" />
+    <input
+      :value="optionValue"
+      @input="$emit('update:optionValue', ($event.target as HTMLInputElement).value)"
+      type="checkbox"
+      :class="option.section"
+      :name="option.id"
+    />
     <span>
       {{ $t(`filters.${option.id}`) }}
     </span>
@@ -24,9 +30,16 @@ export default defineComponent({
     option: {
       type: Object as () => FilterOption,
       required: true
+    },
+
+    optionValue: {
+      type: Boolean,
+      required: true
     }
   },
 
+  emits: ['update:optionValue'],
+
   setup() {
     return {
       filterStore: useStationFiltersStore()
@@ -45,6 +58,7 @@ export default defineComponent({
 
       this.filterStore.lastClickedFilterId = this.option.id;
       // this.option.value = true;
+      this.$emit('update:optionValue', true);
 
       this.filterStore.inputs.options
         .filter((option) => {
diff --git a/src/components/StationsView/StationFilterCard.vue b/src/components/StationsView/StationFilterCard.vue
index bb8096e..f559f83 100644
--- a/src/components/StationsView/StationFilterCard.vue
+++ b/src/components/StationsView/StationFilterCard.vue
@@ -2,7 +2,7 @@
   <section class="filter-card" v-click-outside="closeCard" @keydown.esc="closeCard">
     <div class="card_controls">
       <button class="btn--filled btn--image" @click="toggleCard">
-        <img class="button_icon" :src="getIcon('filter2')" alt="filter icon" />
+        <img class="button_icon" src="/images/icon-filter2.svg" alt="filter icon" />
         {{ $t('options.filters') }} [F]
         <span class="active-indicator" v-if="!filterStore.areFiltersAtDefault"></span>
       </button>
@@ -34,22 +34,6 @@
           <p class="card_info" v-html="$t('filters.desc')"></p>
 
           <section class="card_options">
-            <!-- QUICK ACTIONS (TODO) -->
-            <!-- <div class="quick-actions">
-              <h3 class="text--primary">{{ $t('filters.sections.quick') }}</h3>
-              <hr />
-
-              <div>
-                <button class="btn--action" style="width: 100%" @click="filterStore.handleQuickAction('all-available')">
-                  {{ $t('filters.all-available') }}
-                </button>
-
-                <button class="btn--action" style="width: 100%" @click="filterStore.handleQuickAction('all-free')">
-                  {{ $t('filters.all-free') }}
-                </button>
-              </div>
-            </div> -->
-
             <div
               class="option-section"
               v-for="section in filterStore.inputs.optionSections"
@@ -68,6 +52,7 @@
                   v-for="(option, i) in filterStore.inputs.options.filter(
                     (o) => o.section == section
                   )"
+                  v-model:optionValue="option.value"
                   :option="option"
                   :key="i"
                 />
@@ -151,7 +136,6 @@
 
 <script lang="ts">
 import { defineComponent, inject } from 'vue';
-import imageMixin from '../../mixins/imageMixin';
 import keyMixin from '../../mixins/keyMixin';
 import routerMixin from '../../mixins/routerMixin';
 import StorageManager from '../../scripts/managers/storageManager';
@@ -162,7 +146,7 @@ import FilterOption from './FilterOption.vue';
 
 export default defineComponent({
   components: { FilterOption },
-  mixins: [imageMixin, keyMixin, routerMixin],
+  mixins: [keyMixin, routerMixin],
 
   data: () => ({
     saveOptions: false,
diff --git a/src/components/StationsView/StationTable.vue b/src/components/StationsView/StationTable.vue
index 5560f09..0c680d9 100644
--- a/src/components/StationsView/StationTable.vue
+++ b/src/components/StationsView/StationTable.vue
@@ -16,7 +16,7 @@
                 <img
                   class="sort-icon"
                   v-if="sorterActive.headerName == headerName"
-                  :src="sorterActive.dir == 1 ? getIcon('arrow-asc') : getIcon('arrow-desc')"
+                  :src="`/images/icon-arrow-${sorterActive.dir == 1 ? 'asc' : 'desc'}.svg`"
                   alt="sort icon"
                 />
               </span>
@@ -30,7 +30,7 @@
             >
               <span class="header_wrapper">
                 <img
-                  :src="getIcon(headerName)"
+                  :src="`/images/icon-${headerName}.svg`"
                   :alt="headerName"
                   :title="$t(`sceneries.${headerName}`)"
                 />
@@ -38,7 +38,7 @@
                 <img
                   class="sort-icon"
                   v-if="sorterActive.headerName == headerName"
-                  :src="sorterActive.dir == 1 ? getIcon('arrow-asc') : getIcon('arrow-desc')"
+                  :src="`/images/icon-arrow-${sorterActive.dir == 1 ? 'asc' : 'desc'}.svg`"
                   alt="sort icon"
                 />
               </span>
@@ -79,16 +79,16 @@
                 </span>
 
                 <span v-else-if="station.generalInfo.availability == 'abandoned'">
-                  <img :src="getIcon('abandoned')" alt="non-public" :title="$t('desc.abandoned')" />
+                  <img src="/images/icon-abandoned.svg" alt="non-public" :title="$t('desc.abandoned')" />
                 </span>
 
                 <span v-else-if="station.generalInfo.availability == 'nonPublic'">
-                  <img :src="getIcon('lock')" alt="non-public" :title="$t('desc.non-public')" />
+                  <img src="/images/icon-lock.svg" alt="non-public" :title="$t('desc.non-public')" />
                 </span>
 
                 <span v-else>
                   <img
-                    :src="getIcon('unavailable')"
+                    src="/images/icon-unavailable.svg"
                     alt="unavailable"
                     :title="$t('desc.unavailable')"
                   />
@@ -185,7 +185,7 @@
                 <img
                   class="icon-info"
                   v-if="station.generalInfo.SUP"
-                  :src="getIcon('SUP')"
+                  src="/images/icon-SUP.svg"
                   alt="SUP (RASP-UZK)"
                   :title="$t('desc.SUP')"
                 />
@@ -195,7 +195,7 @@
                 <img
                   class="icon-info"
                   v-if="station.generalInfo.signalType"
-                  :src="getIcon(station.generalInfo.signalType)"
+                  :src="`/images/icon-${station.generalInfo.signalType}.svg`"
                   :alt="station.generalInfo.signalType"
                   :title="$t('desc.signals-type') + $t(`signals.${station.generalInfo.signalType}`)"
                 />
@@ -205,7 +205,7 @@
                 <img
                   class="icon-info"
                   v-if="station.generalInfo && station.generalInfo.routes.sblRouteNames.length > 0"
-                  :src="getIcon('SBL')"
+                  src="/images/icon-SBL.svg"
                   alt="SBL"
                   :title="$t('desc.SBL') + `${station.generalInfo.routes.sblRouteNames.join(',')}`"
                 />
@@ -215,7 +215,7 @@
             <td class="station_info" v-else>
               <img
                 class="icon-info"
-                :src="getIcon('unknown')"
+                src="/images/icon-unknown.svg"
                 alt="icon-unknown"
                 :title="$t('desc.unknown')"
               />
@@ -282,10 +282,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed } from 'vue';
+import { defineComponent, computed, PropType } from 'vue';
 import dateMixin from '../../mixins/dateMixin';
-import imageMixin from '../../mixins/imageMixin';
-import returnBtnMixin from '../../mixins/returnBtnMixin';
 import stationInfoMixin from '../../mixins/stationInfoMixin';
 import styleMixin from '../../mixins/styleMixin';
 import { DataStatus } from '../../scripts/enums/DataStatus';
@@ -299,13 +297,13 @@ import StationStatusBadge from '../Global/StationStatusBadge.vue';
 export default defineComponent({
   props: {
     stations: {
-      type: Array as () => Station[],
+      type: Array as PropType<Station[]>,
       required: true
     }
   },
 
   components: { Loading, StationStatusBadge },
-  mixins: [styleMixin, dateMixin, stationInfoMixin, returnBtnMixin, imageMixin],
+  mixins: [styleMixin, dateMixin, stationInfoMixin],
 
   data: () => ({
     headIconsIds,
diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue
index c72fa54..0412db1 100644
--- a/src/components/TrainsView/TrainInfo.vue
+++ b/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>
 
diff --git a/src/components/TrainsView/TrainOptions.vue b/src/components/TrainsView/TrainOptions.vue
index 9747f73..bcb0867 100644
--- a/src/components/TrainsView/TrainOptions.vue
+++ b/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: {
diff --git a/src/components/TrainsView/TrainSchedule.vue b/src/components/TrainsView/TrainSchedule.vue
index a776817..86ef6ca 100644
--- a/src/components/TrainsView/TrainSchedule.vue
+++ b/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';
     }
   }
 });
diff --git a/src/components/TrainsView/TrainTable.vue b/src/components/TrainsView/TrainTable.vue
index bdfbdb4..eb69fbf 100644
--- a/src/components/TrainsView/TrainTable.vue
+++ b/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();
diff --git a/src/mixins/imageMixin.ts b/src/mixins/imageMixin.ts
deleted file mode 100644
index c851a06..0000000
--- a/src/mixins/imageMixin.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  methods: {
-    getIcon(name: string, ext = 'svg') {
-      return new URL(`../assets/icon-${name}.${ext}`, import.meta.url).href;
-    },
-
-    getImage(name: string) {
-      return new URL(`../assets/${name}`, import.meta.url).href;
-    }
-  }
-});
diff --git a/src/mixins/returnBtnMixin.ts b/src/mixins/returnBtnMixin.ts
deleted file mode 100644
index 42054d5..0000000
--- a/src/mixins/returnBtnMixin.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { defineComponent } from 'vue';
-import imageMixin from './imageMixin';
-
-export default defineComponent({
-  mixins: [imageMixin],
-
-  data() {
-    return {
-      icons: {
-        arrow: this.getIcon('arrow-asc')
-      },
-
-      showReturnButton: false
-    };
-  },
-
-  methods: {
-    scrollToTop() {
-      window.scrollTo({ top: 0 });
-    },
-
-    handleScroll() {
-      this.showReturnButton = window.scrollY > window.innerHeight * 0.35;
-    }
-  },
-
-  activated() {
-    window.addEventListener('wheel', this.handleScroll);
-  },
-
-  deactivated() {
-    window.removeEventListener('wheel', this.handleScroll);
-  }
-});
diff --git a/src/mixins/trainInfoMixin.ts b/src/mixins/trainInfoMixin.ts
index 39c7f2d..b06dda2 100644
--- a/src/mixins/trainInfoMixin.ts
+++ b/src/mixins/trainInfoMixin.ts
@@ -1,11 +1,8 @@
 import { defineComponent } from 'vue';
 import Train from '../scripts/interfaces/Train';
 import TrainStop from '../scripts/interfaces/TrainStop';
-import imageMixin from './imageMixin';
 
 export default defineComponent({
-  mixins: [imageMixin],
-
   data: () => ({
     STATS: {
       main: [
@@ -155,7 +152,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';
     }
   }
 });
diff --git a/src/views/JournalTimetables.vue b/src/views/JournalTimetables.vue
index b595251..69a65ca 100644
--- a/src/views/JournalTimetables.vue
+++ b/src/views/JournalTimetables.vue
@@ -37,7 +37,6 @@
 import { defineComponent, provide, reactive, Ref, ref } from 'vue';
 import axios from 'axios';
 
-import imageMixin from '../mixins/imageMixin';
 import dateMixin from '../mixins/dateMixin';
 import routerMixin from '../mixins/routerMixin';
 import modalTrainMixin from '../mixins/modalTrainMixin';
@@ -71,7 +70,7 @@ export default defineComponent({
     JournalHeader,
     JournalTimetablesList
   },
-  mixins: [dateMixin, routerMixin, modalTrainMixin, imageMixin],
+  mixins: [dateMixin, routerMixin, modalTrainMixin],
 
   name: 'JournalTimetables',
 
diff --git a/src/views/SceneryView.vue b/src/views/SceneryView.vue
index 8cba43a..6567be9 100644
--- a/src/views/SceneryView.vue
+++ b/src/views/SceneryView.vue
@@ -20,7 +20,7 @@
       <div class="scenery-left" v-if="!timetableOnly">
         <div class="scenery-actions">
           <button class="back-btn btn" :title="$t('scenery.return-btn')" @click="navigateTo('/')">
-            <img :src="getIcon('back')" alt="Back to scenery" />
+            <img src="/images/icon-back.svg" alt="Back to scenery" />
           </button>
         </div>
 
@@ -65,7 +65,6 @@ import SceneryTimetable from '../components/SceneryView/SceneryTimetable.vue';
 import SceneryTimetablesHistory from '../components/SceneryView/SceneryTimetablesHistory.vue';
 import SceneryDispatchersHistory from '../components/SceneryView/SceneryDispatchersHistory.vue';
 import ActionButton from '../components/Global/ActionButton.vue';
-import imageMixin from '../mixins/imageMixin';
 
 enum SceneryViewMode {
   'TIMETABLES_ACTIVE',
@@ -83,7 +82,7 @@ export default defineComponent({
     SceneryDispatchersHistory
   },
 
-  mixins: [routerMixin, imageMixin],
+  mixins: [routerMixin],
 
   data: () => ({
     viewModes: [