0xD34F

пишет что такой компонент не зарегистрирован

Что неудивительно - используются кастомные тэги, vue думает, что надо создать экземпляры компонентов, а компонентов нет.

Попробуйте отключить их компиляцию с помощь v-pre или перечислить в ignoredElements.

Я начинающий

Думаете, это каким-то образом оправдывает ваше нежелание читать документацию? Никак нет, идите и читайте.

Подписаться на событие закрытия окна, найти видео внутри, остановить:

$(document).on('hide.bs.modal', '.video', function() {
  $('video', this).get(0).pause();
});

1. Для получения значения атрибута вместо prop следует использовать attr.

2. Теряется контекст. Передавайте элемент как параметр:

function GetFaqAriaExpand(el) {
  var fa = $(el).attr('aria-expanded');
  ...


var fa = GetFaqAriaExpand(this);

Или устанавливайте контекст при вызове:

var fa = GetFaqAriaExpand.call(this);

$('.radio-input').parent('p').text((i, text) => text.replace('Какой-то ', ''))

$(this).parent('.card-header')

А точно родительский элемент имеет класс card-header? - если нет, вызывайте parent без параметра. Или может быть класс есть, но элемент не родительский, а находится выше? - тогда замените parent на closest.

ORDER BY NOW() - колонка_с_датой_обновления

<Map instanceRef={map => this.map = map}>

Есть массив новостей, есть текущая новость. Вы можете узнать позицию текущей новости в массиве, и таким образом понять, какие новости будут предыдущей и следующей (и есть ли они вообще). В чём проблема-то?

UPD. Небольшой пример.

Всё выводится - просто выводить нечего, нет свойства name.

Всё срабатывает. "Не срабатывает" и "срабатывает не так, как я задумал" - это не одно и то же. Промис должен резолвиться по таймауту, а не сразу; на каждый таймаут должен быть свой промис.

А чтобы выполнить какие-то действия после всех таймаутов, засуньте промисы в Promise.all:

Promise.all(rcs.map((residential, i) => {
  return new Promise(resolve => {
    setTimeout(() => {
      ...
      resolve();
    }, i * 50);
  });
}).then(() => {
  ...
});

Или сделайте метод асинхронным, и используйте await:

async setMarkers(rcs) {
  for (const residential of rcs) {
    await new Promise(resolve => setTimeout(resolve, 50));
    ...
  }
  ...
}

Определим функции сортировки, в зависимости от типа:

const sort = {
  str: (a, b) => a.text().localeCompare(b.text()),
  num: (a, b) => parseInt(a.text(), 10) - parseInt(b.text(), 10),
};

Кнопкам добавим data-атрибуты, которые будут указывать имя свойства и тип данных:

<button class="sort" data-field="age" data-type="num">Сортировать по возрасту</button>
<button class="sort" data-field="name" data-type="str">Сортировать по имени</button>

Ну и сортируем:

$('.sort').click(function() {
  const
    $this = $(this),
    data = $this.data(),
    compare = sort[data.type],
    field = `.${data.field}`,
    order = +data.order || 1;

  $('.block')
    .sort((a, b) => order * compare($(field, a), $(field, b)))
    .appendTo('.cont');

  $this.data('order', order * -1);
});

https://jsfiddle.net/8wkn5hz4/

Делите количество слайдов на slidesToShow и округляйте вверх. Например.

rcs.forEach((residential, i) => {
  ...
  /*
   * никакого this при создании попапов не надо - какой смысл делать свойством
   * компонента один из многих попапов (т.к. тут цикл, новая итерация - новый
   * попап, в результате будет сохранён последний созданный)?
   *
   * то же касается и координат маркера ниже
   */
  const popup = DG.popup({
  ...

  setTimeout(() => {
    DG.marker([ residential.latitude, residential.longitude ], { icon: myDivIcon })
      .addTo(this.markers)
      .bindPopup(popup);
  }, i * 200);
});

data: {
  datasets: [
    {
      borderColor: [ 'цвет 1', 'цвет 2', 'цвет 3', ... ],
      ...
    },
  ],
  ...
},

https://jsfiddle.net/1pLkw2hr/

options: {
  legend: {
    display: false,
  },
},

Attempted import error: 'CreateGlobalStyle' is not exported from 'styled-components'.

Ясно.

Разницу между CreateGlobalStyle и createGlobalStyle самостоятельно разглядеть сможете?

Добавляете в компонент свойство selectedCity, даёте пользователю возможность устанавливать его значение:

<a
  v-for="city in cities"
  @click="selectedCity = city.name"
  class="dropdown-button__item dropdown-item"
>{{ city.name }}</a>

По значению selectedCity достаёте карты:

computed: {
  maps() {
    return (this.cities.find(n => n.name === this.selectedCity) || {}).transport;
  },
},

Если город выбран и, соответственно, карты есть - они показываются пользователю:

<div class="how-to-get__map-wrap" v-if="maps">
  <iframe v-for="map in maps" :src="map.mapLink" frameborder="0" allowfullscreen="true"></iframe>
</div>

array_push($target, ...array_slice($source, $start, $length));

/^\d{2,3}-\d{2,3}$/