Event Bild Fehler behoben

Sybit-Education · Jan 15, 2024 · a501e02 · a501e02
1 parent 4a439d7
commit a501e02
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/src/components/HomeContent.vue b/src/components/HomeContent.vue
@@ -24,9 +24,10 @@
 </template>
 
 <script setup lang="ts">
-import EventList from './event/EventList.vue'
+
 import VerleihList from './verleih/VerleihList.vue'
 import BarList from './bar/BarList.vue'
+import EventList from './event/EventList.vue'
 
 
 const props = defineProps(['foundEntry', 'entries'])

diff --git a/src/components/event/EventItem.vue b/src/components/event/EventItem.vue
@@ -1,11 +1,13 @@
 <template>
-    <b-card img-src="https://picsum.photos/300/200" img-top>
+    <b-card :img-src="image" img-top>
         <b-card-title>{{ event.name }}</b-card-title>
-        <b-card-text>{{event.beschreibung}} </b-card-text>
+        <!-- <b-card-text>{{event.beschreibung}} </b-card-text> -->
     </b-card>
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue';
+import { mapState } from "pinia";
+import { useEventItemStore } from '@/stores/eventItem'
 
 
 export default defineComponent({
@@ -15,6 +17,17 @@ export default defineComponent({
             type: Object,
             required: true,
         }
+    },
+    computed: {
+        ...mapState(useEventItemStore, {
+            imageById: (state) => state.imageById
+        }),    
+        image() : string {
+            return this.imageById(this.event.id) as string;
+        },
+        detailUrl () {
+            return '/event/' + this.event.id
+        }
     }
 })
 </script>