Fixed #3802 - Improve folder structure for nuxt configurations

components/lib/fullcalendar/FullCalendar.vue

@@ -0,0 +1,64 @@
+<template>
+    <div></div>
+</template>
+
+<script>
+import '@fullcalendar/core/vdom'; // vite support
+import { Calendar } from '@fullcalendar/core';
+
+export default {
+    name: 'FullCalendar',
+    props: {
+        events: Array,
+        options: null
+    },
+    calendar: null,
+    watch: {
+        events(value) {
+            if (value && this.calendar) {
+                this.calendar.removeAllEventSources();
+                this.calendar.addEventSource(value);
+            }
+        },
+        options(value) {
+            if (value && this.calendar) {
+                for (let prop in value) {
+                    this.calendar.setOption(prop, value[prop]);
+                }
+            }
+        }
+    },
+    mounted() {
+        if (this.$el.offsetParent) {
+            this.initialize();
+        }
+    },
+    updated() {
+        if (!this.calendar && this.$el.offsetParent) {
+            this.initialize();
+        }
+    },
+    beforeUnmount() {
+        if (this.calendar) {
+            this.calendar.destroy();
+            this.calendar = null;
+        }
+    },
+    methods: {
+        initialize() {
+            let defaultConfig = { themeSystem: 'standard' };
+            let config = this.options ? { ...this.options, ...defaultConfig } : defaultConfig;
+
+            this.calendar = new Calendar(this.$el, config);
+            this.calendar.render();
+
+            if (this.events) {
+                this.calendar.removeAllEventSources();
+                this.calendar.addEventSource(this.events);
+            }
+        }
+    }
+};
+</script>
+
+<style></style>