From 0276ec1bc7a664c3d2cf5f6bf59af303e3e7ed14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Fastr=C3=A9?= <julien.fastre@champs-libres.coop>
Date: Fri, 1 Jul 2022 13:19:02 +0200
Subject: [PATCH] fix compilation errors in production

---
 .../public/vuejs/MyCalendarRange/App2.vue     |  4 ++--
 .../Components/EditLocation.vue               | 20 +++++++++++++++++--
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue
index e89e3c176..2e6769a2a 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/App2.vue
@@ -70,7 +70,7 @@
     </div>
   </div>
   <FullCalendar :options="calendarOptions" ref="calendarRef">
-    <template v-slot:eventContent='arg'>
+    <template v-slot:eventContent="arg: EventApi">
       <span :class="eventClasses(arg.event)">
           <b v-if="arg.event.extendedProps.is === 'remote'">{{ arg.event.title}}</b>
           <b v-else-if="arg.event.extendedProps.is === 'range'">{{ arg.timeText }} - {{ arg.event.extendedProps.locationName }}</b>
@@ -192,7 +192,7 @@ const pickedLocation = computed<Location | null>({
  * return the show classes for the event
  * @param arg
  */
-const eventClasses = function(arg: EventInstance): object {
+const eventClasses = function(arg: EventApi): object {
   return {'calendarRangeItems': true};
 }
 
diff --git a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/Components/EditLocation.vue b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/Components/EditLocation.vue
index ae184f6b4..3b605dec7 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/Components/EditLocation.vue
+++ b/src/Bundle/ChillCalendarBundle/Resources/public/vuejs/MyCalendarRange/Components/EditLocation.vue
@@ -1,5 +1,5 @@
 <template>
-  <Teleport to="body">
+  <component :is="Teleport" to="body">
     <modal v-if="showModal"
          @close="closeModal">
 
@@ -20,7 +20,7 @@
     </template>
 
     </modal>
-  </Teleport>
+  </component>
 </template>
 
 <script setup lang="ts">
@@ -31,12 +31,28 @@ import {useStore} from "vuex";
 import {key} from "../store";
 import {Location} from "../../../../../../ChillMainBundle/Resources/public/types";
 import VueMultiselect from "vue-multiselect";
+//import type {Teleport} from "vue";
+
+// see https://github.com/vuejs/core/issues/2855
+import {
+  Teleport as teleport_,
+  TeleportProps,
+  VNodeProps
+} from 'vue'
+
+const Teleport = teleport_ as {
+  new (): {
+    $props: VNodeProps & TeleportProps
+  }
+}
+
 
 const store = useStore(key);
 
 const calendarRangeId = ref<number | null>(null);
 const location = ref<Location | null>(null);
 const showModal = ref(false);
+//const tele = ref<InstanceType<typeof Teleport> | null>(null);
 
 const locations = computed<Location[]>(() => {
   return store.state.locations.locations;