From 482fbffeced18fb1d40784a12399e3b58bce80a2 Mon Sep 17 00:00:00 2001 From: Aran Roig Date: Mon, 13 Apr 2026 15:19:25 +0200 Subject: [PATCH] Lazi loadin --- frontend/app/components/parts/TableHeader.vue | 17 + frontend/app/pages/art/index.vue | 76 +- frontend/nuxt.config.ts | 2 +- frontend/package-lock.json | 1117 ++++++++++++++++- frontend/package.json | 1 + 5 files changed, 1151 insertions(+), 62 deletions(-) diff --git a/frontend/app/components/parts/TableHeader.vue b/frontend/app/components/parts/TableHeader.vue index 4077923..702c8e4 100644 --- a/frontend/app/components/parts/TableHeader.vue +++ b/frontend/app/components/parts/TableHeader.vue @@ -15,7 +15,24 @@ const displayedText = ref(""); let index = 0 let interval = null +const dragon_names = ["katlum", "solus"]; +const sprite_names = dragon_names.map(name => `/sprites/${name}/${name}.gif`); + +const preloadImages = (imageArray) => { + return Promise.all( + imageArray.map(src => { + return new Promise((resolve, reject) => { + const img = new Image() + img.src = src + img.onload = resolve + img.onerror = reject + }) + }) + ) +} + onMounted(() => { + preloadImages(sprite_names); if (hasAnimated.value) { displayedText.value = fullText return diff --git a/frontend/app/pages/art/index.vue b/frontend/app/pages/art/index.vue index e341dfe..46caf66 100644 --- a/frontend/app/pages/art/index.vue +++ b/frontend/app/pages/art/index.vue @@ -1,56 +1,32 @@