Coursebook.vue

<template>
  <c-r-u-d-iterator
    i18n-key="coursebook"
    :gql-query="gqlQuery"
    :gql-additional-query-args="gqlQueryArgs"
    >
    <template #default="{ items, groupedItems }">
      {{ items }}
    </template>
  </c-r-u-d-iterator>
</template>

<script>
import CRUDIterator from "aleksis.core/components/generic/CRUDIterator.vue"
import gqlDocumentationsForCoursebook from "./coursebook.graphql"

export default {
  name: "Coursebook",
  components: {
    CRUDIterator,
  },
  props: {
    // Either as props OR route params
    // TODO: Remove default?
    courseId: {
      type: [Number, String],
      required: false,
      default: 0,
    },
    // Next two in ISODate
    dateStart: {
      type: String,
      required: false,
      default: "",
    },
    dateEnd: {
      type: String,
      required: false,
      default: "",
    },
  },
  data() {
    return {
      gqlQuery: gqlDocumentationsForCoursebook,
    };
  },
  computed: {
    gqlQueryArgs() {
      return {
        // Assure courseId is a number
        courseId: Number(this.courseId),
        dateStart: this.dateStart,
        dateEnd: this.dateEnd,
      };
    },
  },
};
</script>