From 5b2d1bb9779d756cf17aa6eeb236b576aaa67b41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20T=C3=A4kker?= <lucastakker@gmail.com>
Date: Wed, 4 Feb 2026 14:04:33 +0100
Subject: [PATCH] Moved to Nuxt Image for album page

---
 app/pages/album/[id].vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/pages/album/[id].vue b/app/pages/album/[id].vue
index 78c5306..ff5d363 100644
--- a/app/pages/album/[id].vue
+++ b/app/pages/album/[id].vue
@@ -12,7 +12,12 @@ const {
 
 <template>
 	<section class="info">
-		<nuxt-img :src="GET_FILE(albumData.file)" />
+		<NuxtImg
+			:src="GET_FILE(albumData.file)"
+			width="300"
+			height="300"
+			placeholder
+		/>
 
 		<div class="details">
 			<h1>{{ albumData.name }}</h1>
@@ -35,8 +40,6 @@ const {
 	gap: 1rem;
 
 	& img {
-		aspect-ratio: 1 / 1;
-		max-width: 300px;
 		border-radius: $border-radius-standard;
 	}