Александр

Object.values(arr.reduce((acc, { category, ...n }) => (
  (acc[category.id] ??= { ...category, tanks: [] }).tanks.push(n),
  acc
), {}))

const $container = $('.promo__cats');
$container.append(...$container
  .children()
  .get()
  .map(n => [ n, +$('.promo__price', n).text().replace(/\D/g, '') ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0])
);

const createItem = obj => ({ key: `${obj.name}-${obj.id}`, title: obj.name });

const result = Object.values(columnList.reduce((acc, n) => {
  (acc[n.table.id] ??= {
    ...createItem(n.table),
    children: [],
  }).children.push(createItem(n));

  return acc;
}, {}));

В общем решение устроившее меня нашлось.

1. открыть инспектор кода F12
2. В консоли ввести код setTimeout(function(){debugger;}, 5000)
3. За 5 секунд успеть открыть нужный элемент
4. Дождаться когда высветится окно отладчика
5. Выбрать нужный элемент селектором

Ты же используешь T[keyof T] и передаёшь

interface IUser {
    name: string;
    role: IRole;
}

Вот на выходе и получается string | IRole.

type Extractor<T, X> = (entry: T) => X;

const groupBy = <T, X>(
    collection: T[],
    mapper: Extractor<T, X>
): Map<X, T[]> => collection.reduce((accumulator, entry) => {
    const key = mapper(entry);
    if (accumulator.has(key)) {
        accumulator.get(key)!.push(entry);
    
        return accumulator;
    }

    accumulator.set(key, [entry]);

    return accumulator;
}, new Map<X, T[]>());

str.replace(/(\d{2})(\d{2})/, '$1.$2.')
// или
str.replace(/(?=\d{4}$|\d{6}$)/g, '.')
// или
str.match(/(..)(..)(.+)/).slice(1).join('.')
// или
[ 0, 2, 4 ].map((n, i, a) => str.slice(n, a[i + 1])).join`.`
// или
[...str].reduce((acc, n, i) => acc + n + ([ ,'.',,'.' ][i] || ''))
// или
''.concat(...Array.from(str, (n, i) => '24'.includes(i) ? `.${n}` : n))

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

Vue 3. Именно 3.
Можно использовать без сборщика. Но с ним, всё таки получше.
Ну, и можно вытащить только несколько функций, из фреймворка для реактивности а всё остальное не использовать. (Пример)

const bullshitDateFormat = str =>
  new Date(+str.replace(/\D/g, ''))
    .toLocaleString('ru-RU')
    .slice(0, -3)
    .replace(',', '');

Конечно, .slice(0, -3) выглядит сильно так себе (с другой стороны - коротко), вместо него можно в явном виде (второй параметр) указать при вызове toLocaleString, какие элементы даты надо получить:

{
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
}

Раз, Два, Два с половиной, Три, Четыре. Не благодари.

Атомарный css на новый лад))


А если серьезно, то тоже пытаюсь внедрять дата атрибуты ради эксперимента, но не как атомарный css, это слишком. Был проект там для итемов было много разных анимаций я использовал атрибут для визуального выделения и чтобы бекендщику было понятнее как ему менять эти анимации. [data-case-animate="12"] {...}

https://purgecss.com/

Копайте в сторону .toLocaleString()

number = 1234897
number.toLocaleString('en-EN')

"1,234,897"

Прием, прием, из будущего 2021-го:
— Верстают все так же.

switch (true) {
  case one.includes(inp):
    ...
    break;

  case two.includes(inp):
    ...
    break;
}

Но вообще, в подобной хрени необходимости нет. Собираете в объекты пары массив + завернутый в функцию код из соответствующего массиву case'а, полученные объекты кладёте в массив:

const arr = [
  {
    values: [ ... ],
    action: () => { ... },
  },
  {
    values: [ ... ],
    action: () => { ... },
  },
];

И тогда всё сведётся к поиску элемента и вызову метода:

arr.find(n => n.values.includes(inp))?.action();