From 7059c6c3372b3ef7fc9a95d6daa8d2b7e9cd2073 Mon Sep 17 00:00:00 2001
From: lesion <lesion@autistici.org>
Date: Thu, 2 Dec 2021 12:43:53 +0100
Subject: [PATCH] use normal img with loading=lazy and

---
 components/Event.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/Event.vue b/components/Event.vue
index 8400bd76..470e29d5 100644
--- a/components/Event.vue
+++ b/components/Event.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
   v-card.h-event.event.d-flex
     nuxt-link(:to='`/event/${event.slug || event.id}`')
-      v-img.u-featured.img(aspect-ratio='1.7778' :src='thumbnail' :position='thumbnailPosition' :alt='event.media && event.media.length ? event.media[0].name : ""')
+      img.img.u-featured(:src='thumbnail' :alt='alt' loading='lazy' :style="{ 'object-position': thumbnailPosition }")
       v-icon.float-right.mr-1(v-if='event.parentId' color='success') mdi-repeat
       .title.p-name {{event.title}}
 
@@ -17,7 +17,7 @@
 
       v-menu(offset-y)
         template(v-slot:activator="{on}")
-          v-btn.align-self-end(icon v-on='on' color='primary')
+          v-btn.align-self-end(icon v-on='on' color='primary' alt='more')
             v-icon mdi-dots-vertical
         v-list(dense)
           v-list-item-group
@@ -61,6 +61,9 @@ export default {
       }
       return path
     },
+    alt () {
+      return this.event.media && this.event.media.length ? this.event.media[0].name : ''
+    },
     thumbnailPosition () {
       if (this.event.media && this.event.media.length && this.event.media[0].focalpoint) {
         const focalpoint = this.event.media[0].focalpoint