Иван Иванов

Всё вызывается.

Обновление стейта производится не сразу же после вызова setState. Так что когда вы в методе setTimer последовательно вызываете методы setState и countTime, последний имеет дело со старым значением state.sec.

Как добиться желаемого поведения... Нужная вам информация есть в документации.

Ошибка "variable result might not have been initialized" означает, что при возвращении переменной из функции, она может быть ещё не определена. То есть если не случится result = true, то переменная не будет иметь значения (потому что в начале вы её просто создали - boolean result, но не присвоили никакого значения), на это компилятор и ругается. В вашем случае нужно просто сделать:
boolean result = false;
Тогда переменная точно будет иметь какое-либо значение в момент возвращения.

Можете воспользоваться сервисом https://formspree.io/
Но Дима Турков написал уже как правильно делать.

<div v-for="(league, index) in leagues.countrys"
     v-if="league.strFanart1"
>
    <h3>{{ league.strLeague }}</h3>
    <h5>{{ league.strFanart1 }}</h5>
</div>

Второй вариант:

computed: {
    leagues() {
      return this.$store.state.leagues.filter(item => !!item.strFanart1);
    }
},

слои на Z-index

будь хакиром, делай по-модному
https://developer.mozilla.org/en-US/docs/Web/API/I...

Функция incrementTimeSlide запускаят саму себя, бесконечно, пока ресурсы не кончатся.

let slides = document.getElementsByClassName('about_items-item'); // слайды
let currentSlide = 0;

//Отображаем текущий слайд
function showSlides(currentSlide){
  for(let i = 0; i < slides.length; i++){
    slides[i].style.display =  (i == currentSlide)
      ? 'block' : 'none'
  }
}

function incrementSlide(){
  currentSlide++;
  if (currentSlide >= slides.length) {
    currentSlide = 0;
  }
  showSlides(currentSlide);
}

showSlides(currentSlide)
setInterval(incrementSlide, 3000);

https://codepen.io/Nolis/pen/vYBZNMM
пойдёт?

хочу, чтобы модальное окно отображалось столько раз, сколько событий в дне, и каждый раз с подробной информацией о новом событии

То есть, на день назначено десять событий, пользователь случайно ткнулся в этот день, и чтобы продолжить работу, ему надо будет десять окон прокликать? Круто. Предусмотрите хотя бы возможность закрыть сразу всё.

Вместо свойства detailInformationOfEvent сделайте detailInformationOfEvents (то же самое, но во множественном числе) - массив. Само свойство detailInformationOfEvent станет вычисляемым:

computed: {
  detailInformationOfEvent() {
    return this.detailInformationOfEvents[0];
  },
  ...

Когда в detailEvent собираете события для показа в окне - вместо присваивания будет добавление в массив:

this.detailInformationOfEvents.push({
  ...
});

Условие показа окна - вырезаете modalWindowDetail, вместо него будет detailInformationOfEvent (т.е., пока в массиве событий что-то есть - окно показывается):

v-show="detailInformationOfEvent"

Клик по кнопке "Окей" - вместо присваивания будет удаление нулевого элемента массива событий:

detailInformationOfEvents.shift()

Модалка:
День (дата)
События (список)

И сохранять эти события как массив а не объект (detailInformationOfEvent), и выводить массив как список

Вместо <div>{{ day }}</div> пусть будет <div v-html="[].concat(day).join('<br>')"></div>. Это если надо по-быстрому заставить работать. Но вообще, стоит переписать так, чтобы дни были единообразно представлены - а то сейчас где-то число, где-то массив. Бред же.

Убрать key с элементов .d_day и .li_day. Элементам .d_day добавить общую обёртку, ей в качестве key указать currentPage. Заменить transition-group на transition.