Bedarfsausweis

src/modules/Dashboard/DashboardModule.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import { BenutzerClient, ObjektClient } from "#components/Ausweis/types";
+	import { BenutzerClient, ObjektClient } from "#components/Ausweis/types.js";
 
 	export let user: BenutzerClient;
-	export let gebaeudeArray: ObjektClient[];
+	export let objekte: ObjektClient[];
 </script>
 
 <h1 class="text-4xl font-medium my-8">Willkommen zurück, {user.vorname}!</h1>
@@ -12,17 +12,17 @@
 
 <h1 class="text-4xl font-medium my-8">Gebäude</h1>
 <div class="grid grid-cols-1 gap-4 lg:grid-cols-2">
-	{#each gebaeudeArray as gebaeude}
+	{#each objekte as objekt}
 	<div class="card lg:card-side bg-base-200 card-bordered border-base-300">
 		<figure class="lg:w-1/2">
 			<img
-				src={(gebaeude.gebaeude_bilder && `/bilder/${gebaeude.gebaeude_bilder[0]?.uid}.webp`) || "/images/placeholder.jpg"}
+				src={(objekt.gebaeude_bilder && `/bilder/${objekt.gebaeude_bilder[0]?.uid}.webp`) || "/images/placeholder.jpg"}
 				class="object-cover w-full h-full"
 				alt="Gebäudebild"
 			/>
 		</figure>
 		<div class="card-body lg:w-1/2 p-4">
-			<h4 class="text-lg font-semibold">{gebaeude.adresse}, {gebaeude.plz} {gebaeude.ort}</h4>
+			<h4 class="text-lg font-semibold">{objekt.adresse}, {objekt.plz} {objekt.ort}</h4>
 		</div>
 	</div>
 {/each}