Performance improvements

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

js/src/views/Event/EditView.vue

@@ -594,7 +594,6 @@ import { getTimezoneOffset } from "date-fns-tz";
 import PictureUpload from "@/components/PictureUpload.vue";
 import EditorComponent from "@/components/TextEditor.vue";
 import TagInput from "@/components/Event/TagInput.vue";
-import FullAddressAutoComplete from "@/components/Event/FullAddressAutoComplete.vue";
 import EventMetadataList from "@/components/Event/EventMetadataList.vue";
 import {
   NavigationGuardNext,
@@ -656,7 +655,14 @@ import {
   usePersonStatusGroup,
 } from "@/composition/apollo/actor";
 import { useUserSettings } from "@/composition/apollo/user";
-import { computed, inject, onMounted, ref, watch } from "vue";
+import {
+  computed,
+  inject,
+  onMounted,
+  ref,
+  watch,
+  defineAsyncComponent,
+} from "vue";
 import { useFetchEvent } from "@/composition/apollo/event";
 import { useI18n } from "vue-i18n";
 import { useGroup } from "@/composition/apollo/group";
@@ -684,6 +690,10 @@ const { identities } = useCurrentUserIdentities();
 
 const { features } = useFeatures();
 
+const FullAddressAutoComplete = defineAsyncComponent(
+  () => import("@/components/Event/FullAddressAutoComplete.vue")
+);
+
 // apollo: {
 //   config: CONFIG_EDIT_EVENT,
 //   event: {

js/src/views/Event/EventView.vue

@@ -543,7 +543,6 @@ import {
 import Tag from "@/components/TagElement.vue";
 import EventMetadataSidebar from "@/components/Event/EventMetadataSidebar.vue";
 import EventBanner from "@/components/Event/EventBanner.vue";
-import EventMap from "@/components/Event/EventMap.vue";
 import PopoverActorCard from "@/components/Account/PopoverActorCard.vue";
 import { IParticipant } from "@/types/participant.model";
 import { ApolloCache, FetchResult } from "@apollo/client/core";
@@ -611,6 +610,9 @@ const IntegrationEtherpad = defineAsyncComponent(
   () => import("@/components/Event/Integrations/EtherpadIntegration.vue")
 );
 /* eslint-enable @typescript-eslint/no-unused-vars */
+const EventMap = defineAsyncComponent(
+  () => import("@/components/Event/EventMap.vue")
+);
 
 const props = defineProps<{
   uuid: string;

js/src/views/Event/MyEventsView.vue

@@ -200,7 +200,6 @@ import RouteName from "@/router/name";
 import { IParticipant } from "../../types/participant.model";
 import { LOGGED_USER_DRAFTS } from "../../graphql/actor";
 import { IEvent } from "../../types/event.model";
-import EventParticipationCard from "../../components/Event/EventParticipationCard.vue";
 import MultiEventMinimalistCard from "../../components/Event/MultiEventMinimalistCard.vue";
 import EventMinimalistCard from "../../components/Event/EventMinimalistCard.vue";
 import {
@@ -208,13 +207,17 @@ import {
   LOGGED_USER_UPCOMING_EVENTS,
 } from "@/graphql/participant";
 import { useQuery } from "@vue/apollo-composable";
-import { computed, inject, ref } from "vue";
+import { computed, inject, ref, defineAsyncComponent } from "vue";
 import { IUser } from "@/types/current-user.model";
 import { booleanTransformer, useRouteQuery } from "vue-use-route-query";
 import { Locale } from "date-fns";
 import { useI18n } from "vue-i18n";
 import { useRestrictions } from "@/composition/apollo/config";
 
+const EventParticipationCard = defineAsyncComponent(
+  () => import("@/components/Event/EventParticipationCard.vue")
+);
+
 type Eventable = IParticipant | IEvent;
 
 const { t } = useI18n({ useScope: "global" });