0xD34F

computed: {
  model() {
    return new Proxy(Object.fromEntries(this.obj2.map(n => [ n.model, null ])), {
      get: (target, prop) => typeof prop === 'string'
        ? prop.split('.').reduce((p, c) => p?.[c], this.obj)
        : target[prop],
      set: (target, prop, value) => {
        const keys = prop.split('.');
        const key = keys.pop();
        const obj = keys.reduce((p, c) => (!p.hasOwnProperty(c) && this.$set(p, c, {}), p[c]), this.obj);
        this.$set(obj, key, value);
        return true;
      },
    });
  },
},

<div v-for="(v, k) in model">
  <input v-model="model[k]">
</div>

https://jsfiddle.net/34brtvok/

Или, если несуществующие пути не должны обрабатываться, можно сделать попроще:

computed: {
  model() {
    return this.obj2.map(n => {
      const keys = n.model.split('.');
      const key = keys.pop();
      const obj = keys.reduce((p, c) => p?.[c], this.obj);

      return obj && { obj, key };
    }).filter(Boolean);
  },
},

<div v-for="n in model">
  <input v-model="n.obj[n.key]">
</div>

https://jsfiddle.net/34brtvok/1/

li:not(:first-child, :last-child)

или

li:not(:first-child):not(:last-child)

или

li {
  /* тут стили для всех элементов */
}
li:first-child,
li:last-child {
  /* здесь сбрасываете стили, установленные выше */
}

https://jsfiddle.net/6zxdwear/

Вызов switchPatternTable внутри обработчика клика - зачем он там? Да ещё и результат улетает в никуда.

Вызов switchPatternTable в "нужном участке страницы" - во-первых, параметр не передаётся, т.е., результат всегда будет один и тот же; во-вторых, из показанного огрызка неясно, что с этим результатом происходит дальше.

Как бы мог выглядеть рабочий код (вам на подумать - как добавить сюда дефолтный вариант).

Рекурсия есть:

const replaceValues = (val, test, replacer, key) =>
  test(key, val)
    ? replacer(val)
    : val instanceof Object
      ? Object.entries(val).reduce((acc, [ k, v ]) => (
          acc[k] = replaceValues(v, test, replacer, k),
          acc
        ), val.constructor())
      : val;

Рекурсии нет:

function replaceValues(val, test, replacer) {
  const stack = [];
  const clones = new Map;
  const getClone = (v, k) =>
    test(k, v)
      ? replacer(v)
      : v instanceof Object
        ? (clones.has(v) || stack.push([ v, clones.set(v, v.constructor()).get(v) ]),
           clones.get(v))
        : v;

  if (val instanceof Object) {
    for (getClone(val); stack.length;) {
      const [ source, target ] = stack.pop();
      for (const k in source) if (Object.hasOwn(source, k)) {
        target[k] = getClone(source[k], k);
      }
    }
  }

  return getClone(val);
}

Как применять в вашем случае:

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

preg_match_all('~\[(.+?)\|(.+?)\]~', $str, $matches);

Точно так же, как если бы вместо Proxy у вас был оригинальный объект (кстати, а почему вы этого не попробовали сделать - что, увидели этот непонятный Proxy и испугались?).

Vue заворачивает данные в Proxy для отслеживания изменений. Если вдруг очень надо, можно получить оригинальные данные с помощью toRaw.

получить массив

А где у вас там массив? Никакого массива нет. Или исправляйте код на сервере, чтобы присылались верные данные, или используйте Object.values.

$('.content_toggle').click(function() {
  const $button = $(this);

  $(`#box-${this.id.split('-').pop()}`).slideToggle(300, function() {
    const isHidden = $(this).is(':hidden');
    $button
      .text(isHidden ? 'Показать текст' : 'Скрыть текст')
      .toggleClass('open', !isHidden);
  });

  return false;
});

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

$(this).closest('здесь селектор общего предка').find('.content_block')

Или, если все элементы расположены последовательно, кнопка-блок-кнопка-блок-..., то тогда блок можно будет получить следующим образом:

$(this).next()

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

$('.content_block').eq($('.content_toggle').index(this))

echo preg_replace_callback('~\[(.+?)\]~', fn($m) => $array[$m[1]] ?? $m[0], $message);

Вам это не нужно.

Компонент, который занимается редактированием - пусть он создаёт внутри себя копию редактируемых данных, и работает с копией. А по нажатию кнопки сохранения эта копия передаётся в мутацию, где значения её свойств будут записаны в оригинальный объект. Как-то так.

Потому что вы заменяете реактивный объект обычным.

Вместо присваивания нового объекта добавляйте свойства одного другому:

Object.assign(object1, object2);

Ну или оборачивайте новый объект в reactive, так же, как и старый.

По клику на кнопку вызывается мутация, в которою передаётся id.

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

Я так понимаю, потому что метод возвращает только false/true, а не измененный item.

Не понимаете. Какая разница, что вы там из мутации возвращаете? Да никакой.

Как примерно должен был выглядеть ваш код. Смотрите, сравнивайте с тем, что у вас реально есть.

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

id передается, проверял через консоль

...mapMutations(['chekedItem', 'deleteItem']),
itemSucces(id) {
  this.chekedItem({id});
},

Правда проверяли? И как же вы ухитрились при этом не заметить, что передаёте объект вместо числа? Кстати, в данной ситуации можно и объект передавать - сам item, тогда его не придётся искать в мутации:

chekedItem: (state, item) => item.checked = !item.checked,

Зачем метод дополнительный создавать? - вызывайте сразу chekedItem, а itemSucces удалите.

$(document).on('click', 'a[id^="answer_"]', e => $(`#comment_${e.target.id}`).toggle());

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

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 setNested(root, ...args) {
  const val = args.pop();
  const key = (args = args
    .flat(Infinity)
    .flatMap(n => typeof n === 'string' ? n.split('.') : n))
    .pop();

  args.reduce((p, c) => p[c] ??= {}, root)[key] = val;
}

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

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

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

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

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

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

const replaceNested = (val, replacer) =>
  val instanceof Object
    ? Object.entries(val).reduce((acc, [ k, v ]) => (
        acc[k] = replaceNested(v, replacer),
        acc
      ), val.constructor())
    : replacer(val);

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

Откуда брать значения и куда записывать их процентный эквивалент:

const valueKey = 'number';
const percentKey = 'percent';

Что такое процент - отношение конкретного значения и суммы всех значений, умноженное на сто:

const sum = arr.reduce((acc, n) => acc + n[valueKey], 0);
const getPercent = n => n[valueKey] / sum * 100;

Собираем новый массив или обновляем существующий:

const newArr = arr.map(n => ({ ...n, [percentKey]: getPercent(n) }));

// или

arr.forEach(n => n[percentKey] = getPercent(n));