0xD34F

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+, тогда так же, как и обычные массивы/объекты

Как реализуется задержка - создаём промис, резолвим его по таймауту:

const wait = delay => new Promise(r => setTimeout(r, delay));

Дальше можно сделать асинхронную функцию с циклом:

async function asyncDelayedForEach(data, callback, delay) {
  for (let i = 0; i < data.length;) {
    await callback.call(data, data[i], i, data);
    if (++i < data.length) {
      await wait(delay);
    }
  }
}

Или создавать цепочку промисов в явном виде - каждое следующее действие (обработка элемента массива или задержка) выполняется в then'е предыдущего:

const asyncDelayedForEach = (data, callback, delay) =>
  Array.prototype.reduce.call(
    data,
    (promise, n, i, a) => promise
      .then(() => callback.call(a, n, i, a))
      .then(() => -~i === a.length ? void 0 : wait(delay)),
    Promise.resolve()
  );

https://reactcommunity.org/react-transition-group/

@click="selectCity"

selectCity(e, { cityCode, storeId, name }) {

А что вы собрались деструктурировать-то? - элементы CITIES_LIST_MAIN в функцию не передаются. Надо передать. А объект события не нужен, он в selectCity не используется, так что убираем его из списка параметров (но если вдруг в будущем понадобится, доступен в шаблоне как $event):

@click="selectCity(city)"

selectCity({ cityCode, storeId, name }) {
  ...

case 'DELETE_ITEM':
  return state.filter(n => n.name !== action.name);

Object.values(arr.reduce((acc, [ user, ...data ]) => {
  (acc[user] = acc[user] ?? { user, data: [] }).data.push(data);
  return acc;
}, {}))

Элемент списка не обязательно является целевым элементом. Он может целевой элемент содержать. Так что следует проверять, есть ли у целевого элемента соответствующий предок:

document.querySelector('.todo-app__list').addEventListener('click', e => {
  const li = e.target.closest('.todo-app__list-item');
  if (li) {
    console.log(li.dataset.id);
  }
});

computed: {
  currentTabProps() {
    return {
      is: `tab-${this.currentTab}`,
      text: this.texts[this.components.indexOf(this.currentTab)],
    };
  },
},

<component v-bind="currentTabProps"></component>

18 элементов tbody <...> недопустимо

Допустимо. Спецификация не ограничивает количество элементов tbody.

div внутри tbody

Вместо div можно использовать template.

нужно сделать один циклом

Вычисляемое свойство, внутри flatMap, на выходе - одномерный массив.

Пытаетесь достучаться до свойства несуществующего объекта. А объекта нет потому, что вместо ключа, под которым он доступен как свойство state.products, вы передаёте в addBasket его name. Исправьте вызов addBasket; если же там всё так, как и задумано, замените прямое обращение по имени свойства (state.products[action.payload]) на поиск нужного объекта по его name:

Object.values(state.products).find(n => n.name === action.payload)