Fix image path

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>

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!',