perf: lazy load images

adonisjs-community · Jan 28, 2024 · c7621d2 · c7621d2
1 parent 5162797
commit c7621d2
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/resources/components/package_logo.vue b/resources/components/package_logo.vue
@@ -26,6 +26,7 @@ function iconPlaceholder({ category }: PackageInfo) {
       :alt="`Logo for ${package.name}`"
       class="h-full object-contain"
       :src="`/icons/${package.icon}`"
+      loading="lazy"
     />
     <div v-else class="h-full flex items-center justify-center overflow-hidden rounded-xl bg-base3">
       <i class="bg-grey inline-block text-lg" :class="iconPlaceholder(package)" />