From 2f0129f4a2a9795c6d4aeecb3d8d9674f435fd37 Mon Sep 17 00:00:00 2001
From: Georg Spar <g.spar@sparg.com>
Date: Mon, 19 Jun 2023 22:48:50 +0200
Subject: [PATCH] try

---
 components/Bought.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/Bought.vue b/components/Bought.vue
index 41aa8d6..e48a9b0 100644
--- a/components/Bought.vue
+++ b/components/Bought.vue
@@ -10,7 +10,7 @@
                         <template #list="slotProps">
                             <div class="col-12">
                                 <div class="flex flex-column xl:flex-row xl:align-items-start p-4 gap-4">
-                                    <img class="w-9 sm:w-16rem xl:w-10rem shadow-2 block xl:block mx-auto border-round" :src="`${pfad}/${slotProps.data.frontview.pfad}`" :alt="slotProps.data.kurzbeschreibung" />
+                                    <img class="w-9 sm:w-16rem xl:w-10rem shadow-2 block xl:block mx-auto border-round" :src="getImageUrl(slotProps.data.frontview.pfad)" :alt="slotProps.data.kurzbeschreibung" />
                                     <div class="flex flex-column sm:flex-row justify-content-between align-items-center xl:align-items-start flex-1 gap-4">
                                         <div class="flex flex-column align-items-center sm:align-items-start gap-3">
                                             <div class="text-2xl font-bold text-900">{{ slotProps.data.kurzbeschreibung }}</div>
@@ -120,6 +120,10 @@ async function openEval(id) {
     
 };
 
+function getImageUrl(name) {
+    return new URL(`${pfad}/${name}`, import.meta.url).href;
+}
+
 const onNew = () => {
     itemb.value = ref({id: 0, bezeichnung: '', kurzbeschreibung: '', groesse: '', farbe: '', typid: 0, material: '', abmessungenid: 1, frontviewid: 4});
     createItemBDialog.value = true;