Use enhanced:img for events heros

See #45
YoungVision-eV · Nov 23, 2023 · 7f26ba0 · 7f26ba0
1 parent b18d934
commit 7f26ba0
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/routes/events/[slug]/+page.svelte b/src/routes/events/[slug]/+page.svelte
@@ -1,5 +1,4 @@
 <script>
-	import Gathering2024 from '$lib/assets/gathering-24-hero.jpeg';
 	import ArrowLeft from '$lib/assets/Icons/Arrow-Left.svg';
 	import Button from '$lib/components/Button.svelte';
 	import Footer from '$lib/homepage/Footer.svelte';
@@ -54,7 +53,11 @@
 	];
 </script>
 
-<img class="h-[27rem] w-full object-cover" src={Gathering2024} alt="Gathering 2024" />
+<enhanced:img
+	class="h-[27rem] w-full object-cover"
+	src="$lib/assets/gathering-24-hero.jpeg"
+	alt="Gathering 2024"
+/>
 <div class="pr-4 lg:pr-20">
 	<div class="flex h-12 w-full items-center rounded-br-xl bg-yellow bg-opacity-60 lg:text-xl">
 		<button class="p-3">