From 04bdcfca88fe9e1958c2f4e119064190222d2a20 Mon Sep 17 00:00:00 2001
From: Pascal Syma <p.syma@appfarms.com>
Date: Sun, 7 Sep 2025 03:56:53 +0200
Subject: [PATCH] Fix image path

---
 src/components/CarDetail.vue | 7 ++++++-
 vite.config.ts               | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/CarDetail.vue b/src/components/CarDetail.vue
index 0fe8a36..983bd91 100644
--- a/src/components/CarDetail.vue
+++ b/src/components/CarDetail.vue
@@ -12,7 +12,12 @@ const details = computed(() => (props.car ? trams.find((t) => t.id === props.car
 <template>
   <div class="grid grid-cols-2 gap-2">
     <p>Lackierung</p>
-    <img v-if="details?.img" class="h-[30px]" :src="`/${details?.img}`" :alt="car?.type" />
+    <img
+      v-if="details?.img"
+      class="h-[30px]"
+      :src="`${import.meta.env.BASE || '/'}${details?.img}`"
+      :alt="car?.type"
+    />
     <span v-else class="h-[30px]"></span>
     <p>Fahrzeug-Nr.</p>
     <p>{{ car?.id }}</p>
diff --git a/vite.config.ts b/vite.config.ts
index ee3a69d..28622f3 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -20,7 +20,7 @@ export default defineConfig({
       registerType: 'prompt',
       includeAssets: '**/*',
       workbox: {
-        globPatterns: ['**/*.{js,css,html,png,ico,woff,woff2}']
+        globPatterns: ['**/*.{js,css,html,png,ico,woff,woff2,gif,webp}']
       },
       manifest: {
         name: 'TramTrack!',