0xD34F

re.findall(r'\d+(?:\.\d+)?(?= м²)', s)

Последовательно:

async function fetchRecursive(arr) {
  const result = [];

  if (Array.isArray(arr)) {
    for (const n of arr) {
      try {
        result.push({ status: true, result: await fetch(n.url).then(r => r.json()) });
      } catch(error) {
        result.push({ status: false, error });
      }

      result.push(...await fetchRecursive(n.children));
    }
  }

  return result;
}

Параллельно:

const flat = arr => (arr || []).flatMap(n => [ n.url, ...flat(n.children) ]);

const fetchRecursive = arr => Promise.allSettled(flat(arr).map(n => fetch(n).then(r => r.json())));

Уберите уникальные id, добавьте общие классы.
Если id нужен, положите его в data-атрибут корневого элемента комментария.
Уберите атрибут style, его содержимое разместите в стилях класса соответствующего элемента.
Вместо переключения двух классов у разных элементов переключайте один - у корневого элемента комментария.

<div class="comment" data-id="187">
  <a class="comment-edit">Редактировать</a>
  <span class="comment-panel"></span>
</div>

.comment .comment-panel {
  display: none;
}

.comment.editing .comment-panel {
  display: inline;
}

.comment.editing .comment-edit {
  color: red;
}

const containerSelector = '.comment';
const buttonSelector = '.comment-edit';
const activeClass = 'editing';


// вот вам ваш jquery
$(containerSelector).on('click', buttonSelector, e => {
  const id = $(e.delegateTarget).toggleClass(activeClass).data('id');
  console.log(id);
});

// или, к чёрту jquery
document
  .querySelectorAll(`${containerSelector} ${buttonSelector}`)
  .forEach(n => n.addEventListener('click', onClick));

function onClick() {
  const container = this.closest(containerSelector);
  container.classList.toggle(activeClass);
  const { id } = container.dataset;
  console.log(id);
}

computed: {
  listGroupedByTypeId() {
    return this.list.reduce((acc, n) => {
      (acc[n.type_id] = acc[n.type_id] || []).push(n);
      return acc;
    }, {});
  },
},

document.querySelectorAll('.class-1').forEach(n => {
  n.insertAdjacentHTML('afterbegin', `<div>${n.querySelector('span').dataset.name}</div>`);
});

или

$('.class-1').prepend(function() {
  return $('<div>').text($('span', this).data('name'));
});

Знаю, но не скажу. Читайте документацию.

По-видимому, при каждом рендере назначается новый обработчик клика. Потому что назначаете вы его неправильно. Вместо получения экземпляра маркера и вызова events.add, передавайте onClick в Placemark; объект с данными (city, address и т.д.) унесите в properties и получайте его внутри обработчика:

const onPlacemarkClick = e => {
  const placemarkData = e.get('target').properties.get('placemarkData');
  ...
};

<Placemark
  onClick={onPlacemarkClick}
  properties={{
    placemarkData: {
      city: point.City,
      address: point.Address,
      ...
    },
    ...
  }}
  ...
/>

вместо [string] пусть будет string[] или Array<string>

text.split('\n\n')

<div class="icon"></div>

.icon {
  font-size: 60px;
  display: inline-block;
  border: 0.1em solid black;
  border-radius: 0.5em;
  width: 1em;
  height: 2em;
  position: relative;
}

.icon::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0.2em;
  height: 0.2em;
  background: black;
  left: 50%;
  top: 30%;
  transform: translateX(-50%);
  box-shadow: 0 -0.4em black, 0 0.4em black;
}

.icon::after {
  content: "";
  display: inline-block;
  border: 0.15em solid black;
  border-left: 0;
  border-top: 0;
  width: 0.4em;
  height: 0.4em;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

https://jsfiddle.net/udygv7xr/

Объявление функции codeAddress - уберите цикл; в саму функцию передавайте адрес в качестве параметра:

function codeAddress(address, geocoder, map) {
  geocoder.geocode({ address }, function(results, status) {
    if (status === 'OK') {
      new google.maps.Marker({
        map: map,
        position: results[0].geometry.location,
      });
    } else {
      alert('Geocode was not successful for the following reason: ' + status);
    }
  });
}

В initMap перебирайте массив адресов, для каждого вызывайте codeAddress:

address.forEach(n => codeAddress(n, geocoder, map));

как установить страницу пагинации (к примеру 2-ую или 3-ю)

Добавляете в компонент свойство page:

data: () => ({
  page: 1,
  ...
}),

Цепляете его к таблице:

<v-data-table
  :page.sync="page"
  ...

Дальше просто устанавливайте значение page - таблица будет показывать соответствующую страницу.

как установить обработчик на клик по стрелке вперед

Не надо обработчиков клика. Следите за значением page:

watch: {
  page(val) {
    ...
  },
},

computed: {
  done() {
    return this.todos.filter(n => n.done);
  },
},

<ol v-if="done.length">
  <li v-for="n in done" v-text="n.text"></li>
</ol>

Ключевое слово в качестве имени свойства? Умно, ничего не скажешь.

Перед кем и что надо добавить:

const elements = document.querySelectorAll('li > ul');
const tag = 'span';
const text = 'hello, world!!';

Добавляем:

elements.forEach(n => {
  n.before(document.createElement(tag));
  n.previousSibling.textContent = text;
});

или

for (const n of elements) {
  const el = document.createElement(tag);
  el.innerText = text;
  n.parentNode.insertBefore(el, n);
}

или

for (let i = 0; i < elements.length; i++) {
  elements[i].insertAdjacentHTML('beforebegin', `<${tag}>${text}</${tag}>`);
}

или

(function insert(i, n = elements[i]) {
  if (n) {
    const el = document.createElement(tag);
    el.appendChild(new Text(text));
    n.insertAdjacentElement('beforebegin', el);
    insert(-~i);
  }
})(0);

$('.list-item').filter((i, n) => $(n).data('pagereview') !== $(n).data('pageslug')).hide();

или

$('[data-pageslug]').each(function() {
  const $this = $(this);
  $this.toggle($this.attr('data-pagereview') === $this.attr('data-pageslug'));
});

или

document.querySelectorAll('.list-item').forEach(n => {
  n.hidden = n.getAttribute('data-pagereview') !== n.getAttribute('data-pageslug');
});

или

for (const { style, dataset } of document.getElementsByClassName('list-item')) {
  if (dataset.pagereview !== dataset.pageslug) {
    style.display = 'none';
  }
}

или

.hidden {
  display: none;
}

const items = document.querySelectorAll('[data-pageslug]');
for (let i = 0; i < items.length; i++) {
  const { classList: c, attributes: a } = items[i];
  c.toggle('hidden', a['data-pagereview'].value !== a['data-pageslug'].value);
}

:options="{ scrollWheelZoom: false }"
@update:zoom="zoom = $event"
@wheel.native="onWheel"

methods: {
  onWheel(e) {
    if (e.deltaY < 0) {
      this.zoom++;
      e.preventDefault();
    }
  },
},

data: () => ({
  columns: [ 'aaa', 'bbb', 'ccc' ],
  repeat: 5,
}),
computed: {
  repeatedColumns() {
    return Array(this.repeat).fill(this.columns).flat();
  },
},

<td v-for="n in repeatedColumns">{{ n }}</td>