0xD34F

background: 50% / auto 100% repeat-x;

<div :class="headerClass">

computed: {
  headerClass() {
    return в зависимости от this.$route;
  },
},

UPD. https://jsfiddle.net/ch80oday/

`${commands.map(n => Array(n[0]).fill(n[1]))}`

Рекурсивный компонент. Если есть children с ненулевой длиной - создаёт экземпляр самого себя:

{reviews.map(n => (
  ...
  {Array.isArray(n.children) && n.children.length ? <Reviews reviews={n.children} /> : null}
  ...
))}

methods: {
  onKeyPress(e) {
    if (/* нажато что надо */) {
      this.$refs.searchInput.focus();
    }
  },
},
created() {
  document.addEventListener('keypress', this.onKeyPress);
  this.$on('hook:beforeDestroy', () => document.removeEventListener('keypress', this.onKeyPress));
},

('0' + date.getMonth()).slice(-2)
// или
`${date.getMonth()}`.padStart(2, 0)

А вообще, учитывая, что за строку вы пытаетесь собрать:

date.toLocaleDateString('ru-RU').split('.').reverse().join('.')
// или
date.toLocaleDateString('ru-RU').replace(/(\d+)(\.\d+\.)(\d+)/, '$3$2$1')

Одинаковые имена в props и computed. Переименовывайте.

this.props.options

Откуда вы это взяли? Не надо никакого props, здесь вам не react.

return X; // тут НУЖНО ...

Не тут. Или не нужно. Потому что невозможно. Загрузка картинки выполняется асинхронно, так что возвращайте промис, который будет резолвится в true из обработчика onload и в false из onerror:

return new Promise(resolve => {
  const img = new Image();
  img.onload = () => resolve(true);
  img.onerror = () => resolve(false);
  img.src = 'тут ссылка на изображение';
});

$('.block__holder').on('click', '.block__image', function() {
  const $this = $(this);
  $this.addClass('block__image--active').siblings().removeClass('block__image--active');
  block_slider.trigger('to.owl.carousel', $this.index());
});

Делегирование, назначаем обработчик клика один раз для всех:

document.querySelector('.menu').addEventListener('click', ({ target: t }) => {
  if (t.tagName === 'A') {
    const submenu = [...t.parentNode.children].find(n => n.classList.contains('sub-menu'));
    if (submenu) {
      submenu.classList.toggle('red');
    }
  }

  // или

  if (t.matches('a')) {
    t.parentNode.querySelector(':scope > .sub-menu')?.classList.toggle('red');
  }
});

Назначаем обработчик клика каждому элементу индивидуально:

for (const n of document.querySelectorAll('.menu a')) {
  n.addEventListener('click', onClick);
}

function onClick() {
  this.nextElementSibling?.classList.toggle('red');
}

// или

document.querySelectorAll('.sub-menu').forEach(function(n) {
  n.previousElementSibling.addEventListener('click', this);
}, e => e.target.nextElementSibling.classList.toggle('red'));

Добавить кнопкам атрибуты: data-target="#id-следующего-collapse-блока" и data-toggle="collapse".

https://jsfiddle.net/vu2t7xeh/

Коллективный выбор решений:

Авторы вопросов не всегда помечают решения среди всех полученных ответов. Поэтому мы решили позволить сообществу самостоятельно выбирать ответы, которые решают поставленный автором вопрос. С этого дня мы добавляем пользовательское голосование за ответы. Те, у кого вклад более 10, смогут голосовать за ответ и помечать его как решение.

Если в течение недели ответ получает 3 и более голосов, он становятся решением. Автор такого ответа получает 10 очков вклада (или 1 единицу), как если бы этот ответ выбрал автор вопроса или куратор.

Конечно! Будете говнокодером.

$arr2 = array_reduce(array_reverse($arr1), fn($p, $c) => [ $c => $p ], $val);

markers.reduce((acc, n, i) => {
  (acc[1][n] = acc[1][n] ?? []).push(i + 1);
  acc[0].push(`glyph = ${acc[1][n].join(' | ')}`);
  return acc;
}, [ [], {} ])[0]

Object.values(arr.reduce((acc, [ id, group, ...values ]) => {
  const g = (acc[id] = acc[id] ?? { id, groups: {} }).groups;
  (g[group] = g[group] ?? []).push(values);
  return acc;
}, {}))

превратить set в массив, перебирать массив

или использовать vue версии 2.6.0+, тогда так же, как и обычные массивы/объекты