fessss

GroupBy(x => x.Name == "apple" || x.Name == "banana" ? "apple+banana" : x.Name);

Также как раньше жили, без этих ваших новомодных Set\Map:

chosenLangs: {},

clickLang(id) {
  return this.isIssetLang(id) 
    ? this.$delete(this.chosenLangs, id) 
    : this.$set(this.chosenLangs, id, true);
},

isIssetLang(id) {
  return id in this.chosenLangs;
},

const replaceValues = (val, test, replacer) =>
  val instanceof Array
    ? val.map(n => replaceValues(n, test, replacer))
    : val instanceof Object
      ? Object.fromEntries(Object
          .entries(val)
          .map(([ k, v ]) => [
            k,
            test(k, v)
              ? replacer(v)
              : replaceValues(v, test, replacer)
          ])
        )
      : val;


const newData = replaceValues(
  data,
  k => k.includes('Date'),
  v => v.replace(/(\d+)-(\d+)-/, '$2.$1.')
);

const startOfMonth = moment().startOf('month').add(14, 'days');

Это выражение будет актуальным для всех месяцев, в переменной всегда будет 15 число текущего месяца

function uniqByInfoId(input) {
  const found = {};
  const result = [];

  for (const data of input) {
    const id = data.info.id;

    if (!found[id]) {
      found[id] = true;
      result.push(data);
    }
  }

  return result;
}

https://developer.mozilla.org/ru/docs/Web/JavaScri...

const loader = async (props) => {
  return await Promise.all(props);
};

await loader([req1(), req2(), req3()]);

Заведите переменную с меткой времени, перед отправкой сравнивайте ее с текущим значением времени, если разница больше 2 минут - выход из цикла.

Ты используешь moment js чтобы получить нужную дату, но перед сравнением конвертируешь в строку? Садись, два!
https://momentjs.com/docs/#/query/is-between/
https://momentjs.com/docs/#/query/is-same-or-before/
https://momentjs.com/docs/#/query/is-same-or-after/
Выбирай на вкус

computed: {
  grouped() {
    return this.arr.reduce((acc, n) => ((acc[n.group] ??= []).push(n), acc), {});
  },
},

<v-expansion-panels>
  <v-expansion-panel v-for="(items, groupName) in grouped">
    <v-expansion-panel-header>{{ groupName }}</v-expansion-panel-header>
    <v-expansion-panel-content>
      <div v-for="n in items">{{ n.name }}</div>
    </v-expansion-panel-content>
  </v-expansion-panel>
</v-expansion-panels>

Конечно можете. После await у вас должен идти промис, который будет ресолвиться из обработчика события. Если речь о событиях DOM, то как-то так:

HTMLElement.prototype.waitFor = function(event_name) {
    if (event_name) {
        return new Promise((res, rej) => {
        	const listener = function() {
        		res()
        		this.removeEventListener(event_name, listener)
        	};

        	this.addEventListener(event_name, listener);
        })
    } else {
        throw 'No event passed to waitFor method!';
    }
}

async function foo() {
	const start = new Date();
	await document.querySelector('body').waitFor('click');
	console.log('uspeshno dojdalis clicka, jdali celih ' + ((new Date().getTime() - start.getTime())/1000) + ' sekund');
}

foo();

1. Для упрощения кода. Скажем, чтобы не писать каждый раз всю конструкцию аля

   axios.get(ENDPOINT + '/api/' + API_METHOD, {
     params: {
       id
     }
   })
   .catch
   ...

   
   Делается обёртка, условная функция getUser(id). В неё выносится вся логика по работе с запросом, определение маршрутов АПИ, обработка ошибки и так далее. Наружу торчит только одна функция и параметр.
   
2. При работе с TS это проще типизировать. Намного легче описать типы принимаемых параметров и возвращаемый тип для нескольких функций, чем описывать универсальную конструкцию для доступа к любым методам апи.
   
3. Ну и наконец: сервис можно вызывать прямо в компонентах. Вызывать методы АПи не обязательно внутри Vuex. Доже чаще это должно выполняться внутри отдельных компонентов, каждый из которых работает с одним-двумя апи, а не со всем набором.
   

selectDaysRange(days) {
      this.selected = [];
      const endDate = moment(this.now).subtract(days, 'days').format('YYYY-MM-DD');
      this.selected.push(endDate, this.startDate);
},

Проверку можно делать, переделав загрузку файлов на ajax и разбирая, что там оказалось в инпуте.
Но делать это на фронте можно только для предупреждения пользователю "эй, чувак, ты какую-то фигню тут прикрепил". Реальной защиты такие проверки не обеспечивают, если эту форму будут атаковать - обойдутся не то что без обхода, но и вообще без браузера, в котором оно могло бы сработать.

Реализуйте проверку с помощью JavaScript

Ну во-первых по-хорошему такого быть не должно.
Компоненты общаются через пропсы и события: сверху пропсы, снизу события.
Изменились данные в компоненте 1? Он послал событие update, а родитель его поймал и что-то сделал.

Если же это какая-то многокомпонентная структура, где дочерние компоненты всегда должны быть в родительском, то родительский делает provide, дети делают inject и таким образом держат общий набор данных\методов.

Ну и через ref тоже можно, но тут следует продумать архитектуру с публичными и внутренними методами, чтоб поддержка не превратилась в ад.

[...this.filter1(),...this.filter2(),...this.filter3()].filter()

arr.reduce((acc, c) => acc.concat(...c.items.filter(e => [9,10].indexOf(e.id) > -1)), [])

arr
  .map(a => a.items)
  .flat()
  .filter(item => [9, 10].includes(item.id))

Идентификаторы объектов, которые хотим получить, сложим в массив:

const ids = [ 9, 10 ];

Вложенные массивы объектов соберём в один общий:

const items = arr.flatMap(n => n.items);

// или

const items = Array.prototype.concat.apply([], arr.map(n => n.items));

// или

const items = arr.reduce((acc, n) => (acc.push(...n.items), acc), []);

Извлечём объекты:

const result = items.filter(n => ids.includes(n.id));

// или

const result = items.filter(function(n) {
  return this.has(n.id);
}, new Set(ids));

// или

const itemsObj = Object.fromEntries(items.map(n => [ n.id, n ]));
const result = ids.reduce((acc, n) => ((n = itemsObj[n]) && acc.push(n), acc), []);