0xD34F

document.querySelector('селектор контейнера с кнопками').addEventListener('click', e => {
  const coord = e.target.dataset.addressItem?.split(' ').map(Number);
  if (coord) {
    map.setCenter(coord);
    marker.geometry.setCoordinates(coord);
  }
});

Потому что целевым элементом будет уже не <a>. Соответственно, не будет и атрибута href. А у null не будет метода substr. О чём вы должны были узнать сами, из сообщения об ошибке - если бы открыли консоль.

Вместо target следует использовать currentTarget.

Или, можно сделать делегированный обработчик клика, в котором пытаться подняться от target к <a>, если таковой нашёлся, получать его href, начинается с решётки - выполнять плавную прокрутку к соответствующему элементу:

document.addEventListener('click', e => {
  const href = e.target.closest('a')?.getAttribute('href') ?? '';
  if (href[0] === '#') {
    e.preventDefault();
    document.querySelector(href)?.scrollIntoView({
      behavior: 'smooth',
    });
  }
});

JS:

const newUrl = url.match(/.+\//)[0];

// или

const newUrl = url.replace(/[^\/]+$/, '');

// или

const newUrl = url.slice(0, url.lastIndexOf('/') + 1);

// или

const newUrl = url.split(/(\/)/).slice(0, -1).join('');

PHP:

preg_match('/.+\//', $url, $match);
$newUrl = $match[0];

// или

$newUrl = preg_replace('/[^\/]+$/', '', $url);

// или

$newUrl = substr($url, 0, strrpos($url, '/') + 1);

// или

$newUrl = implode('', array_slice(preg_split('/(\/)/', $url, 0, PREG_SPLIT_DELIM_CAPTURE), 0, -1));

Куда и что надо переместить:

const where = '.list';
const what = '.content';

Перемещаем:

const $targets = $(where).children();
$(what).each((i, n) => $targets.eq(i).append(n));

или

const targets = document.querySelector(where).children;
document.querySelectorAll(what).forEach((n, i) => targets[i]?.append(n));

Если нужен конкретный объект:

Object.values(data).flat().find(n => n.title === search)

Если надо сохранить исходную структуру, выкинув то, что не подходит (здесь вместо точного соответствия частичное без учёта регистра - так, для разнообразия):

Object.fromEntries(Object
  .entries(data)
  .map(n => [ n[0], n[1].filter(m => m.title.toLowerCase().includes(search.toLowerCase())) ])
  .filter(n => n[1].length)
)

Делаем просто:

const result = Object.values(cars.reduce((acc, n) => (
  (acc[n.make] ??= { make: n.make, attr: [] }).attr.push(n),
  acc
), {}));

Делаем сложно:

function group(data, key, val = n => n) {
  const getKey = key instanceof Function ? key : n => n[key];
  const getVal = val instanceof Function ? val : n => n[val];
  const result = new Map;

  for (const n of data) {
    const k = getKey(n);
    result.set(k, result.get(k) ?? []).get(k).push(getVal(n));
  }

  return result;
}

const result = Array.from(
  group(cars, 'make'),
  ([ make, attr ]) => ({ make, attr })
);

Чтобы получить экземпляр корневого компонента, вам нужен результат выполнения mount, а не createApp. Документацию могли бы и открыть, даже читать не обязательно - просматривая наискосок, можно наткнуться на примеры, из которых всё понятно.

setData(result);

Значение result здесь всегда одно и то же, а если значение не изменилось - компонент не будет заново отрендерен.
Можно по-быстрому заставить работать так, как вы хотите, передавая копию объекта: setData({ ...result });.

phoneDisabled.addEventListener('input', function() {
  buttonDisabled.disabled = phoneMask.unmaskedValue.length !== 11;
});

str.slice(1, -1).split(', ')

// или

JSON.parse(str.replace(/[а-яё]+/g, '"$&"'))

// или

str.match(/[^\s\[\],]+/g) ?? []

coord.split(', ').map(Number)

// или

coord.match(/[\d.]+/g).map(n => +n)

// или

eval(`[${coord}]`)

// или

JSON.parse('['.concat(coord, ']'))

// или

Array.from(coord.matchAll(/[^, ]+/g), parseFloat)

for (const n of str.matchAll(/---([A-Z]+)---(.*?)(?=---|$)/g)) {
  console.log(n[1], n[2].trim());
}

По какой причине JS результатом к выражению 1.4 + 0.2 возвращает 1.5999999999999999?
Js как то странно считает числа, почему?
Откуда значения?
Почему в JS 0.1+0.2 не равно 0.3?
Почему JS складывает с разной точностью?
При складывании в js от куда-то берется 0.00000000000000001?
Откуда берутся сотые доли при умножении на дробное число?
Почему js так считает числа в данном примере?
Почему JS добавляет левые цифры?
Почему var a:Double =0.0, a += 0.1 дает не точный результат?

const result = [...subcategory.reduce(
  (acc, n) => (acc.get(n.category)?.children.push(n), acc),
  new Map(category.map(n => [ n.id, { ...n, children: [] } ]))
).values()];

или

const result = category.map(n => ({
  ...n,
  children: subcategory.filter(m => m.category === n.id),
}));

или

const result = category.map(function(n) {
  return {
    ...n,
    children: this[n.id] ?? [],
  };
}, subcategory.reduce((acc, n) => ((acc[n.category] ??= []).push(n), acc), {}));

$('.item').on('mouseover', '.dot', function({ delegateTarget: t }) {
  $('.thumb-target', t).attr('src', $(this).data('img'));
  $('.dot', t).removeClass('select').filter(this).addClass('select');
});

или

document.querySelectorAll('.item').forEach(n => {
  n.addEventListener('mouseover', onMouseOver);
});

function onMouseOver({ target: t, currentTarget: ct }) {
  const dot = t.closest('.dot');
  if (dot) {
    ct.querySelector('.thumb-target').src = dot.dataset.img;
    ct.querySelectorAll('.dot').forEach(n => {
      n.classList.toggle('select', n === dot);
    });
  }
}

Инкапсуляция стилей реализуется путём добавления уникального (в пределах компонента) атрибута элементам и, соответственно, селекторам в css-коде. Вы создаёте элементы вручную, так что нужный атрибут у них отсутствует - поэтому стили не применяются. Чтобы применились, можно воспользоваться т.н. глубоким селектором - для этого замените .frame { на .slider /deep/ .frame {.

Коротко:

const sum = (...arr) => arr
  .flatMap(Object.entries)
  .reduce((acc, [ k, v ]) => (
    acc[k] = (acc[k] ?? 0) + v,
    acc
  ), {});

Длинно:

function sum() {
  const result = {};

  for (const n of arguments) {
    for (const k in n) {
      if (n.hasOwnProperty(k)) {
        if (!result.hasOwnProperty(k)) {
          result[k] = 0;
        }

        result[k] += n[k];
      }
    }
  }

  return result;
}

Использовать, понятное дело, так: const obj = sum(obj1, obj2);.

Визуал jsx элемента, как и вопросы форматирования времени и даты не так важны, как важно просто разобраться с возможной последовательностью действий, как все это описать.

Нечего тут описывать, всё тривиально:

arr.map(n => {
  const start = форматированное значение n.start_at;
  const end = форматированное значение n.end_at;

  return <span>{start} - {end}</span>;
})