DummyProvider.vue

<script>
const initialEvents = [
  {
    id: 2,
    start: "2020-07-08T10:00:00.000Z",
    startTimestamp: new Date("2020-07-08T10:00:00.000Z").getTime(),
    startDateVerbose: "středa 8. července 2020",
    startTimeVerbose: "12:00",
    allDay: false,
    end: "2020-07-08T11:00:00.000Z",
    title: "Pirátský oběd - Chrudim",
    description:
      "Pravidelné setkání pirátů při středečním obědě. Nejen o politice a s chutí.",
    link:
      "https://www.google.com/calendar/event?eid=Mmw1Y2RwMTByYm80Y204cWxsaW1maWJmcTJfMjAyMDA3MDhUMTAwMDAwWiA3cjY3M3JsaDI1NW9mb3JodjNvZWIybDBnMEBn"
  },
  {
    id: 15,
    start:  "2020-07-13T19:00:00.000Z",
    startTimestamp: new Date("2020-07-13T19:00:00.000Z").getTime(),
    startDateVerbose: "pondělí 13. července 2020",
    startTimeVerbose: "21:00",
    allDay: false,
    end: "2020-07-13T19:30:00.000Z",
    title: "Mumble - předsednictvo",
    link:
      "https://www.google.com/calendar/event?eid=YzVpM2FvaGc2MHAzY2I5aGM1aW1jYjlrNjBvbThiYjE2dGk2NGI5ajY4cjY0ZGhrNzVnamdjOWdjb18yMDIwMDcxM1QxOTAwMDBaIDdyNjczcmxoMjU1b2Zvcmh2M29lYjJsMGcwQGc"
  },
  {
    id: 3,
    start: "2020-07-15T10:00:00.000Z",
    startTimestamp: new Date("2020-07-15T10:00:00.000Z").getTime(),
    startDateVerbose: "středa 15. července 2020",
    startTimeVerbose: "12:00",
    allDay: false,
    end: "2020-07-15T11:00:00.000Z",
    title: "Pirátský oběd - Chrudim",
    description:
      "Pravidelné setkání pirátů při středečním obědě. Nejen o politice a s chutí.",
    link:
      "https://www.google.com/calendar/event?eid=Mmw1Y2RwMTByYm80Y204cWxsaW1maWJmcTJfMjAyMDA3MTVUMTAwMDAwWiA3cjY3M3JsaDI1NW9mb3JodjNvZWIybDBnMEBn",
    mapLink: "https://maps.google.com"
  },
  {
    id: 16,
    start: "2020-07-20T19:00:00.000Z",
    startTimestamp: new Date("2020-07-20T19:00:00.000Z").getTime(),
    startDateVerbose: "pondělí 20. července 2020",
    startTimeVerbose: "21:00",
    allDay: false,
    end: "2020-07-20T19:30:00.000Z",
    title: "Mumble - předsednictvo",
    link:
      "https://www.google.com/calendar/event?eid=YzVpM2FvaGc2MHAzY2I5aGM1aW1jYjlrNjBvbThiYjE2dGk2NGI5ajY4cjY0ZGhrNzVnamdjOWdjb18yMDIwMDcyMFQxOTAwMDBaIDdyNjczcmxoMjU1b2Zvcmh2M29lYjJsMGcwQGc"
  },
  {
    id: 4,
    start: "2020-07-22T10:00:00.000Z",
    startTimestamp: new Date("2020-07-22T10:00:00.000Z").getTime(),
    startDateVerbose: "středa 22. července 2020",
    startTimeVerbose: "12:00",
    allDay: false,
    end: "2020-07-22T11:00:00.000Z",
    title: "Pirátský oběd - Chrudim",
    description:
      "Pravidelné setkání pirátů při středečním obědě. Nejen o politice a s chutí.",
    link:
      "https://www.google.com/calendar/event?eid=Mmw1Y2RwMTByYm80Y204cWxsaW1maWJmcTJfMjAyMDA3MjJUMTAwMDAwWiA3cjY3M3JsaDI1NW9mb3JodjNvZWIybDBnMEBn"
  },
  {
    id: 17,
    start: "2020-07-27T19:00:00.000Z",
    startTimestamp: new Date("2020-07-27T19:00:00.000Z").getTime(),
    startDateVerbose: "pondělí 27. července 2020",
    startTimeVerbose: "21:00",
    allDay: false,
    end: "2020-07-27T19:30:00.000Z",
    title: "Mumble - předsednictvo",
    link:
      "https://www.google.com/calendar/event?eid=YzVpM2FvaGc2MHAzY2I5aGM1aW1jYjlrNjBvbThiYjE2dGk2NGI5ajY4cjY0ZGhrNzVnamdjOWdjb18yMDIwMDcyN1QxOTAwMDBaIDdyNjczcmxoMjU1b2Zvcmh2M29lYjJsMGcwQGc"
  },
  {
    id: 5,
    start: "2020-07-29T10:00:00.000Z",
    startTimestamp: new Date("2020-07-29T10:00:00.000Z").getTime(),
    startDateVerbose: "středa 29. července 2020",
    startTimeVerbose: "12:00",
    allDay: false,
    end: "2020-07-29T11:00:00.000Z",
    title: "Pirátský oběd - Chrudim",
    description:
      "Pravidelné setkání pirátů při středečním obědě. Nejen o politice a s chutí.",
    link:
      "https://www.google.com/calendar/event?eid=Mmw1Y2RwMTByYm80Y204cWxsaW1maWJmcTJfMjAyMDA3MjlUMTAwMDAwWiA3cjY3M3JsaDI1NW9mb3JodjNvZWIybDBnMEBn"
  },
  {
    id: 18,
    start: "2020-08-03T19:00:00.000Z",
    startTimestamp: new Date("2020-08-03T19:00:00.000Z").getTime(),
    startDateVerbose: "pondělí 3. srpna 2020",
    startTimeVerbose: "21:00",
    allDay: false,
    end: "2020-08-03T19:30:00.000Z",
    title: "Mumble - předsednictvo",
    link:
      "https://www.google.com/calendar/event?eid=YzVpM2FvaGc2MHAzY2I5aGM1aW1jYjlrNjBvbThiYjE2dGk2NGI5ajY4cjY0ZGhrNzVnamdjOWdjb18yMDIwMDgwM1QxOTAwMDBaIDdyNjczcmxoMjU1b2Zvcmh2M29lYjJsMGcwQGc"
  },
  {
    id: 6,
    start: "2020-08-05T10:00:00.000Z",
    startTimestamp: new Date("2020-08-05T10:00:00.000Z").getTime(),
    startDateVerbose: "středa 5. srpna 2020",
    startTimeVerbose: "12:00",
    allDay: false,
    end: "2020-08-05T11:00:00.000Z",
    title: "Pirátský oběd - Chrudim",
    description:
      "Pravidelné setkání pirátů při středečním obědě. Nejen o politice a s chutí.",
    link:
      "https://www.google.com/calendar/event?eid=Mmw1Y2RwMTByYm80Y204cWxsaW1maWJmcTJfMjAyMDA4MDVUMTAwMDAwWiA3cjY3M3JsaDI1NW9mb3JodjNvZWIybDBnMEBn"
  }
];

const moreEvents = [
  {
    id: 19,
    start: "2020-08-10T19:00:00.000Z",
    startTimestamp: new Date("2020-08-10T19:00:00.000Z").getTime(),
    startDateVerbose: "pondělí 10. srpna 2020",
    startTimeVerbose: "21:00",
    allDay: false,
    end: "2020-08-10T19:30:00.000Z",
    title: "Mumble - předsednictvo",
    link:
      "https://www.google.com/calendar/event?eid=YzVpM2FvaGc2MHAzY2I5aGM1aW1jYjlrNjBvbThiYjE2dGk2NGI5ajY4cjY0ZGhrNzVnamdjOWdjb18yMDIwMDgxMFQxOTAwMDBaIDdyNjczcmxoMjU1b2Zvcmh2M29lYjJsMGcwQGc"
  },
  {
    id: 7,
    start: "2020-08-12T10:00:00.000Z",
    startTimestamp: new Date("2020-08-12T10:00:00.000Z").getTime(),
    startDateVerbose: "středa 12. srpna 2020",
    startTimeVerbose: "12:00",
    allDay: false,
    end: "2020-08-12T11:00:00.000Z",
    title: "Pirátský oběd - Chrudim",
    description:
      "Pravidelné setkání pirátů při středečním obědě. Nejen o politice a s chutí.",
    link:
      "https://www.google.com/calendar/event?eid=Mmw1Y2RwMTByYm80Y204cWxsaW1maWJmcTJfMjAyMDA4MTJUMTAwMDAwWiA3cjY3M3JsaDI1NW9mb3JodjNvZWIybDBnMEBn"
  }
];

export default {
  data: () => ({
    events: initialEvents,
    hasMore: true,
  }),
  methods: {
    onShowMore() {
      this.$data.events = [...initialEvents, ...moreEvents];
      this.$data.hasMore = false;
    }
  },
  render() {
    return this.$scopedSlots.default({
      events: this.events,
      hasMore: this.hasMore,
      onShowMore: this.onShowMore,
    });
  }
};
</script>