rdv: add fullcalendar.js as a vuejs component (POC)

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/App.vue

@@ -1,14 +1,17 @@
 <template>
    <concerned-groups></concerned-groups>
+   <calendar-range></calendar-range>
 </template>
 
 <script>
 import ConcernedGroups from 'ChillActivityAssets/vuejs/Activity/components/ConcernedGroups.vue';
+import CalendarRange from '../_components/CalendarRange/CalendarRange.vue';
 
 export default {
    name: "App",
    components: {
       ConcernedGroups,
+      CalendarRange
    }
 }
 </script>

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/_components/CalendarRange/CalendarRange.vue

@@ -0,0 +1,23 @@
+<template>
+  <FullCalendar :options="calendarOptions" />
+</template>
+<script>
+import '@fullcalendar/core/vdom' // solves problem with Vite
+import FullCalendar from '@fullcalendar/vue3'
+import dayGridPlugin from '@fullcalendar/daygrid'
+import interactionPlugin from '@fullcalendar/interaction'
+
+export default {
+  components: {
+    FullCalendar // make the <FullCalendar> tag available
+  },
+  data() {
+    return {
+      calendarOptions: {
+        plugins: [ dayGridPlugin, interactionPlugin ],
+        initialView: 'dayGridMonth'
+      }
+    }
+  }
+}
+</script>