feat: compress media files (#818)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/818
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>

src/views/migrator/Migrate.vue

@@ -4,18 +4,20 @@
 		<p>{{ $t('migrate.description') }}</p>
 		<div class="migration-services-overview">
 			<router-link
-				:key="m.identifier"
-				:to="{name: 'migrate.service', params: {service: m.identifier}}"
-				v-for="m in availableMigrators">
-				<img :alt="m.name" :src="`/images/migration/${m.identifier}.png`"/>
-				{{ m.name }}
+				v-for="{name, identifier} in availableMigrators"
+				:key="identifier"
+				:to="{name: 'migrate.service', params: {service: identifier}}"
+			>
+				<img :alt="name" :src="serviceIconSources[identifier]"/>
+				{{ name }}
 			</router-link>
 		</div>
 	</div>
 </template>
 
 <script>
-import {getMigratorFromSlug} from '../../helpers/migrator'
+import {getMigratorFromSlug, SERVICE_ICONS} from '../../helpers/migrator'
+
 
 export default {
 	name: 'migrate.service',
@@ -26,6 +28,9 @@ export default {
 		availableMigrators() {
 			return this.$store.state.config.availableMigrators.map(getMigratorFromSlug)
 		},
+		serviceIconSources() {
+			return this.availableMigrators.map(({identifier}) => SERVICE_ICONS[identifier]())
+		},
 	},
 }
 </script>

src/views/tasks/ShowTasks.vue

@@ -38,7 +38,7 @@
 		</div>
 		<template v-if="!loading && (!tasks || tasks.length === 0) && showNothingToDo">
 			<h3 class="nothing">{{ $t('task.show.noTasks') }}</h3>
-			<img alt="" src="/images/cool.svg"/>
+			<img alt="" :src="llamaCoolUrl" />
 		</template>
 		<div :class="{ 'is-loading': loading}" class="spinner"></div>
 
@@ -64,6 +64,8 @@ import 'flatpickr/dist/flatpickr.css'
 import Fancycheckbox from '../../components/input/fancycheckbox'
 import {LOADING, LOADING_MODULE} from '../../store/mutation-types'
 
+import llamaCoolUrl from '@/assets/llama-cool.svg'
+
 export default {
 	name: 'ShowTasks',
 	components: {
@@ -81,6 +83,7 @@ export default {
 			cEndDate: null,
 
 			showNothingToDo: false,
+			llamaCoolUrl,
 		}
 	},
 	props: {