LessonInformation.vue

<template>
  <v-card-text>
    {{ $d(toDateTime(documentation.datetimeStart), "shortTime") }} –
    {{ $d(toDateTime(documentation.datetimeEnd), "shortTime") }}
    {{ documentation.course?.name }}
    <subject-chip :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>