0xD34F

Нет никакой функции, нечему работать. Вы выполняете статическую привязку значения параметра, так что передаёте в компонент строку, а не функцию:

succesItem='succesItem'

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

case 'ADD_LIST':
  const { boardId, id } = action.payload;
  return {
    ...state,
    borders: state.borders.map(n => n.boardId === boardId
      ? { ...n, lists: [ ...n.lists, id ] }
      : n
    ),
  };

А оно вам действительно надо? Может, это тогда не фильтр должен быть? Подумайте об этом.

Глобальные фильтры лежат в Vue.options.filters. Соответственно:

const filteredValue = Vue.options.filters.someFilter(value);

// или, если вспомнить, что компоненты являются экземплярами Vue
const filteredValue = this.constructor.options.filters.someFilter(value);

preg_match_all('~\b\d{2}-\d{2}-\d{4}\b~', $str, $matches);

function setNestedVal(root, path, val) {
  const keys = path.split('.');
  const key = keys.pop();
  keys.reduce((acc, n) => acc[n] ??= {}, root)[key] = val;
}


setNestedVal(data, '0.arr.0.str', 'hello, world!!');
setNestedVal(data, '0.arr.1.num', 666);

Интересуют готовые решения

https://lodash.com/docs/4.17.15#set

А вообще, учитывая что за задачу вы пытаетесь решить...

Нужно изменить этот массив, преобразовав все строки с датами в нём, независимо от того, как глубоко они вложены, в объекты.

...вам ничего из того, что выше, не нужно. Делаем функцию, которая рекурсивно обойдёт переданный объект, проверяя, чем являются значения - если строкой с датой, то выполняет указанное преобразование:

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


const newData = replaceValues(
  data,
  x => typeof x === 'string' && /^\d{2}\.\d{2}\.\d{4}$/.test(x),
  str => new Date(str.split('.').reverse().join('-'))
);

Посчитать сумму значений всех элементов массива:

const sum = arr.reduce((acc, n) => acc + n.number, 0);

Затем собрать новый массив, где элементам будет добавлено новое свойство - отношение значения и суммы, умноженное на сто:

const newArr = arr.map(n => ({ ...n, percent: n.number / sum * 100 }));

Object
  .entries(arr.reduce((acc, n) => (
    n = n.match(/('.*?'):'(.*?)'/),
    (acc[n[1]] ??= []).push(n[2]),
    acc
  ), {}))
  .map(n => `${n[0]}:'${n[1].join('|')}'`)

Поскольку ваш data-атрибут очевидно не является параметром, он конечно должен был быть назначен корневому элементу компонента, но автор компонента наследование атрибутов решил отключить. Так что придётся закостылить. Добавляем ссылку на экземпляр компонента, после монтирования вручную назначаем корневому элементу атрибут:

<vue-slick-carousel
  ref="slick"
  @hook:mounted="$refs.slick.$el.dataset.id = 666"
  ...

UPD. Раз у вас там v-for, значит вместо одной ссылки на экземпляр, будет массив. Надо индекс указывать. Ну и не забывать о том, что соответствие порядка элементов в массиве ссылок на экземпляры порядку элементов в массиве с данными не гарантируется.

https://jsfiddle.net/v6pot7nr/

throttle:

const emitRedit = throttle(emit.bind(null, 'redit'), 60000, { leading: false });

watch(() => {
  emit('input', text.value);
  emitRedit(text.value);
}, [ text ]);

str.replace(/(?<=\S)\s+(?=\S)/g, '')

// или

str.split(/(?<=\S)\s+(?=\S)/).join``

// или

str.match(/(^\s+)|\S+|(\s+$)/g)?.join('') ?? ''

$letter = 'М';

$i = 0;
foreach (explode(', ', implode(', ', $products)) as $product) {
  if (strpos($product, $letter) === 0) {
    echo (++$i).") $product\n";
  }
}

Очевидно, внести соответствующие изменения в данные, связанные с отображением элемента.

Добавьте pointer-events: none; для .modal::before.

Код, который работает некорректно...

Всё работает так, как и должно. После Object.freeze назначить новое свойство уже не получится. Можно записать итератор в прототип массива (ну и после того, как он отработает, вернуть оригинальный итератор на место):

const originalIterator = Array.prototype[Symbol.iterator];

Array.prototype[Symbol.iterator] = function() {
  let i = -1;

  return {
    next: () => (i += 2) < arr.length
      ? { done: false, value: this[i] }
      : { done: true },
  };
};

setTimeout(() => Array.prototype[Symbol.iterator] = originalIterator, 0);

<div className="todoListMain">
    <div className="header">

.todoListMain.header input {

Это какое-то невероятное позорище, оправданий которому нет. Пробел между .todoListMain и .header куда потерялся? Ну и с остальными стилями косяк тот же.

const result = arr.flat();

// или

const result = Array.prototype.concat.apply([], arr);

// или

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

// или

const result = [];

for (const n of arr) {
  for (const m of n) {
    result[result.length] = m;
  }
}

seachCityName - обычная строка

Да ну? Судя по тексту ошибки - это ref. А значит, вашей строкой будет seachCityName.value.

document.querySelectorAll('.filter__item').forEach(n => {
  n.style.display = Array
    .from(n.querySelectorAll('.filter__checkgroup-count'))
    .some(m => +m.innerText.trim())
      ? 'block'
      : 'none';
});

или

.hidden {
  display: none;
}

for (const n of document.getElementsByClassName('filter__item')) {
  n.classList.toggle('hidden', Array.prototype.every.call(
    n.getElementsByClassName('filter__checkgroup-count'),
    m => Number(m.textContent.trim()) === 0
  ));
}

function isEqual(a, b) {
  const keysA = Object.keys(a);
  const keysB = Object.keys(b);
  return keysA.length === keysB.length && keysA.every(n => a[n] === b[n]);
}


const result = arr1.concat(arr2.filter(n => arr1.every(m => !isEqual(n, m))));

или

const unique = function(arr, keys = n => n) {
  const picked = new Map;
  return arr.filter((...args) => {
    const p = []
      .concat(keys(...args))
      .reduce((acc, k) => acc.set(k, acc.get(k) ?? new Map).get(k), picked);

    return !p.set(this, p.has(this)).get(this);
  });
}.bind(Symbol());


const result = unique([ ...arr1, ...arr2 ], n => [ n.teamId, n.userId ]);