Performance improvements

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Event/EventCard.vue

@@ -83,6 +83,7 @@
                   alt=""
                   width="24"
                   height="24"
+                  loading="lazy"
                 />
               </figure>
               <account-circle v-else />

js/src/components/Event/EventMap.vue

@@ -70,7 +70,7 @@
 <script lang="ts" setup>
 import { Address, IAddress } from "@/types/address.model";
 import { RoutingTransportationType, RoutingType } from "@/types/enums";
-import { computed } from "vue";
+import { computed, defineAsyncComponent } from "vue";
 
 const RoutingParamType = {
   [RoutingType.OPENSTREETMAP]: {
@@ -87,7 +87,9 @@ const RoutingParamType = {
   },
 };
 
-const MapLeaflet = import("@/components/LeafletMap.vue");
+const MapLeaflet = defineAsyncComponent(
+  () => import("@/components/LeafletMap.vue")
+);
 
 const props = defineProps<{
   address: IAddress;

js/src/components/Event/EventParticipationCard.vue

@@ -482,18 +482,10 @@ const lastSeatsLeft = computed<boolean>(() => {
 const actorAvatarURL = computed<string | null>(() =>
   organizerAvatarUrl(props.participation.event)
 );
-
-// export default class EventParticipationCard extends mixins(
-//   ActorMixin,
-//   EventMixin
-// ) {
-
-// }
 </script>
 
 <style lang="scss" scoped>
 @use "@/styles/_mixins" as *;
-// @import "node_modules/bulma/sass/utilities/mixins.sass";
 
 article.box {
   // div.tag-container {