LessonInformation.vue 727 B
<template>
<v-card-text>
{{ $d(toDateTime(documentation.datetimeStart), "shortTime") }} –
{{ $d(toDateTime(documentation.datetimeEnd), "shortTime") }}
{{ documentation.course?.name }}
<subject-chip
v-if="documentation.subject"
:subject="documentation.subject"
/>
</v-card-text>
</template>
<script>
import SubjectChip from "aleksis.apps.cursus/components/SubjectChip.vue";
import { DateTime } from "luxon";
export default {
name: "LessonInformation",
components: {
SubjectChip,
},
props: {
documentation: {
type: Object,
required: true,
},
},
methods: {
toDateTime(dateString) {
return DateTime.fromISO(dateString);
},
},
};
</script>