Create a calendar vue component for twill 2.0

Readme

You will need to install the npm packages for the component to work
npm install --save @fullcalendar/vue @fullcalendar/core @fullcalendar/daygrid @fullcalendar/interaction

Create the files and ask twill to compile the vue component with 
php artisan twill:build --noInstall
any changes you do to the vue file will need to be recompiled

BlockCalendar.vue

///resources\assets\js\blocks
<template>
    <!-- eslint-disable -->
    <div class="block__body">
        <FullCalendar :options="calendarOptions" />
    </div>
</template>

<script>
import BlockMixin from '@/mixins/block'
import FullCalendar from '@fullcalendar/vue'
import dayGridPlugin from '@fullcalendar/daygrid'
import interactionPlugin from '@fullcalendar/interaction'


  export default {
    mixins: [BlockMixin],
    components: {
        FullCalendar // make the <FullCalendar> tag available
    },
    data: function() {
        return {
            eventSources: [
               {
                  url: 'http://localhost/events',
                  type: 'GET',
                  data: {
                     id: this.$store.getters.user
                  },
                  error: function() {
                     alert('there was an error while fetching events!');
                  },
               }
            ],
            calendarOptions: {
                plugins: [ dayGridPlugin, interactionPlugin ],
                initialView: 'dayGridMonth',
                dateClick: this.handleDateClick,
                events: [
                    { title: 'event 1', date: '2019-04-01' },
                    { title: 'event 2', date: '2019-04-02' }
                ]
            }
        }
    },

}
</script>

calendar.blade.php

///resource\views\admin\blocks
<br>
<br>
<a17-block-calendar
 name="name"
>
</a17-block-calendar>

form.blade.php

// Add it to your Twill form for your resource
@extends('twill::layouts.form')

@section('fieldsets')
    @formFieldset(['id' => 'Calendar', 'title' => 'Reservations'])
        @include('admin.blocks.calendar') 
    @endformFieldset
@stop

twill.php

<?php
//Specific to Twill 2.0 higher versions wont need this
return [
    'block_editor' => [
        'crops' => [],
        'blocks' => [
         'calendar' => [
            'title' => 'Calendar',
            'components' => 'a17-block-calendar',
            'compiled' => true
          ],
        ],
];