0xD34F

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 delay = timeout => new Promise(r => setTimeout(r, timeout));

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

// или

const asyncDelayedForEach = (arr, callback, timeout) =>
  arr.reduce((acc, n, i, a) => acc
    .then(() => callback.call(a, n, i, a))
    .then(() => delay(timeout))
  , 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)

const result = [...arr]
  .sort((a, b) => a - b)
  .reduce((acc, n) => (acc[1].push([ acc[0], acc[0] += +n ]), acc), [ 0, [] ])
  .pop();

Значения инпутов я пишу через :value, потому что через v-model он их будет сохранять сразу же.

Не будет. Если сделать копию объекта данных формы, и использовать в v-model свойства копии. А по submit'у обновлять оригинал значениями из отредактированной копии. Например.

const result = arr1.filter(function(n) {
  return this.some(m => m.every(([ k, v ]) => v === n[k]));
}, arr2.map(Object.entries));

Сделать значение параметра to зависящим от текущего маршрута:

computed: {
  catalogRoute() {
    return {
      name: 'catalog',
      params: {
        module: this.$route.name === 'catalog'
          ? this.$route.params.module.replace(/\d+/, m => +m + 1)
          : 'view-1',
      },
    };
  },
},

<router-link :to="catalogRoute">

https://jsfiddle.net/j6uh21cL/

Проверять тип свойства с ценой необходимости нет - пробуем достать новую цену, в случае отсутствия получим undefined, вместо которого с помощью nullish coalescing подставляем просто цену. А чтобы не копипастить извлечение цены, вынесем его в отдельную функцию, которую, как и сам сортируемый массив, можно сделать параметром функции сортировки.

const sorted = (arr, key) => arr
  .map(n => [ n, key(n) ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);


const sortedArr = sorted(arr, n => -(n.price.new ?? n.price).replace(/\D/g, ''));

Экспорт делаете именованный, а импорт дефолтный - в результате импортируете то, чего нет. Отсюда undefined вместо объекта хранилища.

Меняйте export const store = new Vuex.Store({ на export default new Vuex.Store({. Или import store from './store'; на import { store } from './store';.

Ну и документацию почитать будет нелишним, чтобы не повторять подобных ошибок в будущем.

function updateClasses({ $el, slides, activeIndex }) {
  $el.find('.swiper-slide-prev-prev').removeClass('swiper-slide-prev-prev');
  slides.eq(activeIndex).prev().prev().addClass('swiper-slide-prev-prev');

  $el.find('.swiper-slide-next-next').removeClass('swiper-slide-next-next');
  slides.eq(activeIndex).next().next().addClass('swiper-slide-next-next');
}

on: {
  init() {
    updateClasses(this);
  },
  slideChange() {
    updateClasses(this);
  },
},

vowelsCount = Hash['aeiou'.chars.map{|n| [ n, 0 ]}]
gets.chomp.chars.each{|n| vowelsCount[n] += 1 if vowelsCount.key?(n)}

print(vowelsCount)

То, что вы пытаетесь уникализировать - в js это называется объект, а не массив.
Аналог есть никакой. Давайте сделаем:

const uniqueObj = (obj, key = val => val) =>
  Object.fromEntries(Object
    .entries(obj)
    .filter(function(n) {
      const k = key(n[1], n[0]);
      return !this.has(k) && this.add(k);
    }, new Set)
  );