fix compilation errors in production

This commit is contained in:
Julien Fastré 2022-07-01 13:19:02 +02:00
parent 2a6974610f
commit 0276ec1bc7
2 changed files with 20 additions and 4 deletions

View File

@ -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};
}

View File

@ -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;