Я пытаюсь настроить FullCalender.js (v3.9.0) в шаблоне компонента Vue, построенном поверх проекта Laravel, но у меня возникают некоторые проблемы с сжатой визуализацией календаря, когда он наконец нарисован,
Вот скриншот моего календаря после его рендеринга:
В настоящее время в моем коде есть такой шаблон:
<template>
<div>
<div id='calendar'></div>
</div>
</template>
И функция для рендеринга календаря, которая вызывается при монтировании компонента, выглядит следующим образом:
renderCalendar() {
$('#calendar').fullCalendar({
theme: 'bootstrap4',
weekends: false,
})
}
Я также добавил ссылку на свой компонент <head> элемент для fontawesomecss как документация для FullCalender.js говорит, что нужно сделать.
Я возьму любую помощь, которую смогу получить!