Lazi loadin

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