0xD34F

Разделитель - первый символ, не являющийся цифрой. Так что

const delimiter = str.match(/\D/)[0];

// или

const delimiter = str[str.search(/\D/)];

// или

const [ delimiter ] = str.replace(/^\d+/, '');

// или

const delimiter = Array.prototype.find.call(str, n => Number.isNaN(+n));

// или

const delimiter = [...str].filter(n => !'0123456789'.includes(n)).shift();

Где элементы находятся, какой класс надо добавить и начиная с какого по счёту элемента:

const parent = document.querySelector('.container');
const className = 'green';
const startFrom = 4;

Добавляем:

parent
  .querySelectorAll(`:scope > :nth-child(n + ${startFrom + 1})`)
  .forEach(n => n.classList.add(className));

// или

for (const n of Array.prototype.slice.call(parent.children, startFrom)) {
  n.classList.add(className);
}

// или

for (let el = parent.children[startFrom]; el; el = el.nextElementSibling) {
  el.classList.add(className);
}

// или, также удаляем класс (если вдруг есть) у тех, кому он не должен быть добавлен

for (let i = 0; i < parent.children.length; i++) {
  parent.children[i].classList.toggle(className, i >= startFrom);
}

chunk_size = 3
arr = [ int(data[i:i + chunk_size]) for i in range(0, len(data), chunk_size) ]

Какие есть способы создания массива:

• Создавать случайные числа, пока не наберётся сколько надо.
  
• Создать массив, состоящий из всех чисел интервала, выдернуть из него сколько надо случайных.
  
• Создать массив, состоящий из всех чисел интервала, перемешать его, взять из начала сколько надо.
  

Что делать при попытке создать массив с длиной больше указанного интервала:

• Кидать ошибку.
  
• Создавать массив с длиной меньше указанной.
  

Вот как-то так:

function createRandomArr(length, min, max) {
  if (length > max - min + 1) {
    throw 'такого массива быть не может';
  }

  const values = new Set;
  for (; values.size < length; values.add(min + Math.random() * (max - min + 1) | 0)) ;
  return [...values];
}

const createRandomArr = (length, min, max) => Array
  .from({ length }, function() {
    return this.splice(Math.random() * this.length | 0, 1);
  }, Array.from({ length: max - min + 1 }, (n, i) => i + min))
  .flat();

function createRandomArr(length, min, max) {
  const arr = Array.from({ length: max - min + 1 }, (n, i) => min + i);

  for (let i = arr.length; --i > 0;) {
    const j = Math.random() * (i + 1) | 0;
    [ arr[i], arr[j] ] = [ arr[j], arr[i] ];
  }

  return arr.slice(0, length);
}

Что имеет сказать по этому поводу документация:

Components can recursively invoke themselves in their own template. However, they can only do so with the name option

Значения собрать в массив: const values = [ id, sum, system, date ];.

Дальше есть варианты:

payment.innerHTML = values.map(n => `<td>${n}</td>`).join('');

// или

values.forEach(n => payment.insertCell().textContent = n);

// или

payment.append(...values.map(n => {
  const td = document.createElement('td');
  td.innerText = n;
  return td;
}));

Или, то же самое, но с массивом ключей вместо значений:

- function createPayment({id, sum, system, date}) {
+ function createPayment(data) {

- const values = [ id, sum, system, date ];
+ const keys = [ 'id', 'sum', 'system', 'date' ];

- values.forEach(n => payment.insertCell().textContent = n);
+ keys.forEach(n => payment.insertCell().textContent = data[n]);

Почему же? Смысл есть - так вы станете говнокодером.

Пытаться осваивать фреймворк без знания языка всё равно что получать высшее образование не имея среднего - на блестящие результаты можете не рассчитывать.

UPD. Вынесено из комментариев:

мне ж понятно будет

Не будет. Начните с изучения языка.

const getKeys = obj =>
  obj instanceof Object
    ? Object.entries(obj).flatMap(n => [ n[0], ...getKeys(n[1]) ])
    : [];

Сколько свойств должно быть в объекте: const propsCount = 3;.

Собираем новый объект:

const newObj = Object.fromEntries(Object
  .entries(obj)
  .sort((a, b) => a[1] - b[1])
  .slice(-propsCount)
);

Удаляем свойства существующего:

Object
  .entries(obj)
  .sort((a, b) => b[1] - a[1])
  .slice(propsCount)
  .forEach(n => delete obj[n[0]]);

Установите наблюдение за свойством, которое должно содержать данные, в обработчике проверяйте, что пришедшее значение корректно, если да - выполняйте код, который сейчас у вас в mounted (конечно, уже без setTimeout'а):

watch: {
  данные: {
    immediate: true,
    handler(value) {
      if (value какой нужен) {
        делаете чего там вам надо
      }
    },
  },
},

Если данные разделены на несколько частей, которые загружаются независимо, сделайте вычисляемое свойство, где эти значения будут объединены в массив, и в наблюдателе проверяйте все его элементы:

computed: {
  данные() {
    return [ this.данные1, this.данные2, /* ... */ ];
  },
},
watch: {
  данные: {
    immediate: true,
    handler(value) {
      if (value.every(n => n какой нужен)) {
        делаете чего там вам надо
      }
    },
  },
},

смотрел документацию к компоненту, но...

плохо смотрели

mixin item(item)
  .inform-items__item(class=`inform-items__item_bg_${item.bg}`)

app.directive(directives);

Это ещё что за чертовщина? Открываете документацию, смотрите, какие параметры принимает directive.

str.match(/(?<=>)\d+/g) ?? []

// или

str.match(/>\d+/g)?.map(n => n.slice(1)) ?? []

// или

Array.from(str.matchAll(/>(\d+)/g), n => n[1])

''.concat(...Array.from(str, n => n.repeat(2)))
// или
str.replace(/./g, '$&$&')
// или
str.replace(/./g, m => Array(3).join(m))
// или
str.replace(/(?=.)/g, (m, i) => str[i])
// или
[...str].flatMap(n => Array(2).fill(n)).join('')
// или
[].map.call(str, n => `${n}${n}`).join``
// или
str.split('').reduce((acc, n) => acc + n + n, '')

https://pugjs.org/language/interpolation.html#stri...

arr.reduce((acc, n, i) => (
  (!i || n === 1) && acc.push([]),
  acc[acc.length - 1].push(n),
  acc
), [])

var vm = new Vue({
    el: "#txt",

new Vue({ el: '#txt' })

Зачем?

Второй убрать, регистрацию компонента global разместить перед первым.

Если надо изменить одно слово с минимальной длиной:

const index = arr.reduce((min, n, i, a) => a[min]?.length <= n.length ? min : i, -1);
if (index !== -1) {
  arr[index] = arr[index][0].toUpperCase() + arr[index].slice(1);
}

Если слов с минимальной длиной может быть несколько и надо изменить все:

const [ indexes ] = arr.reduce((min, n, i) => (
  n.length < min[1] && (min = [ [], n.length ]),
  n.length === min[1] && min[0].push(i),
  min
), [ [], Infinity ]);

indexes.forEach(n => arr[n] = arr[n].replace(/./, m => m.toUpperCase()));

Select в качестве value принимает объект, массив объектов или null, а вы ему строку пытаетесь подсовывать (свойство value элемента массива options). Храните в качестве выбранных значений объекты, в обработчике события onChange не надо выдёргивать value из первого параметра, сохраняйте его целиком; или внутри CustomSelect выполняйте поиск нужного option'а по его value и передавайте найденное (или null, если поиск результатов не дал) в Select вместо строкового значения, получаемого из родительского компонента.

https://stackblitz.com/edit/react-ujjfee?file=src%...