Fix image path again

src/components/CarDetail.vue

@@ -7,17 +7,14 @@ import { VaChip } from 'vuestic-ui';
 const props = defineProps<{ car: ReturnType<typeof getType> }>();
 
 const details = computed(() => (props.car ? trams.find((t) => t.id === props.car!.id) : undefined));
+
+const baseUrl = import.meta.env.BASE || '/';
 </script>
 
 <template>
   <div class="grid grid-cols-2 gap-2">
     <p>Lackierung</p>
-    <img
+    <img v-if="details?.img" class="h-[30px]" :src="`${baseUrl}${details?.img}`" :alt="car?.type" />
-      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,gif,webp}']
+        globPatterns: ['**/*.{js,css,html,png,ico,woff,woff2,gif,webp,jpg}']
       },
       manifest: {
         name: 'TramTrack!',