Дмитрий

const blocks = ref(Array.from({ length: 5 }, (_, i) => (-~i) ** 2));
const active = ref(0);

function next() {
  active.value = (active.value + 1 + blocks.value.length) % blocks.value.length;
}

let intervalId = null;
onMounted(() => intervalId = setInterval(next, 500));
onUnmounted(() => clearInterval(intervalId));

<div
  v-for="(n, i) in blocks"
  v-text="n"
  :class="[ 'box-item', { active: i === active } ]"
></div>

<div
  v-for="(n, i) in colors"
  :style="{ backgroundColor: i === active ? n : '' }"
  ...

$(".open-menu").on("click", () => funk(true));
// ...
if (!$(e.target).hasClass('open-menu')) funk(false);
// ...
function funk(flag) {
    flag ? $res.fadeIn() : $res.fadeOut();
}

if (!$(e.target).hasClass('menu-click')) funk(false);

$(document).click(function(e) {
        if (!$(e.target).parents().hasClass('menu-click')) funk(false);
    });

var element = $('#more-news').get(0)
    element.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });

.comment-item.active .comment-item__form {
  display: block;
}

const itemSelector = '.comment-item';
const buttonSelector = '.comment-item__reply';
const activeClass = 'active';

document.addEventListener('click', e => {
  const item = e.target.closest(buttonSelector)?.closest(itemSelector);
  if (item) {
    document.querySelectorAll(itemSelector).forEach(n => {
      n.classList.toggle(activeClass, n === item);
    });
  }
});

...
          success: function(obj) {
            send = true;
            $article_list.append(obj);
            // Сразу после добавления элементов
            const players = Array.from(document.querySelectorAll('#videoPlay')).map(p => new Plyr(p));
            const plyrs = Array.from(document.querySelectorAll('#plyrVideo')).map(plyrs => new Plyr(plyrs));
          },
...