насколько я помню там есть массив event-souces
и его элементам можно задать разные стили
соответственно ивенты пихать в нужные соурсы и выводить в календарь из них
обертка с whitespace nowrap и overflow-x auto
внутри блоки inline-block
ну и внутри уже наборы ваших элементов
там простор для фантазии, но я бы сделал обычной сеткой или флексами
не увидят поисковики контент, сегнереный vue, что бы кто ни говорил
определитесь с целью
если просто создать шаблон для ВП на vue - почему нет?
создать шаблон для поисковиков - классическая разработка
поковырять vue - зачем тут тогда ВП? сделайте клиент для IMDB - у них отличное АПИ
как говорят выше clip-path или mask
по сылке ниже приведены все варианты использования этой технологии
можно открыть в разных браузерах и посмотреть как срабатывает
внизу страницы написаны рабочие кроссбраузерные варианты https://lab.iamvdo.me/css-svg-masks/
:first-child будет искать просто первый элемент в блоке а не первый среди .active
если первый элемент будет не .active то селектор .active:first-child не сработает