0xD34F

Загрузка картинки - операция асинхронная. Так что проверять высоту сразу после установки src - идея сильно так себе. Это надо делать после загрузки, в onload. Computed вам тут не сильно поможет.

Сделайте checkExistImages вместо вычисляемого свойства обычным, а на getSelectedEvent.mediaUrl повесьте наблюдателя, в котором и проверяйте картинку:

watch: {
  'getSelectedEvent.mediaUrl'(val) {
    const img = new Image();
    img.onload = () => this.checkExistImages = img.height > 0;
    img.onerror = () => this.checkExistImages = false;
    img.src = val;
  },
},

Ну или можете воспользоваться каким-нибудь плагином, реализующим асинхронные вычисляемые свойства, таким как vue-async-computed, например - возвращаете промис, который будет резолвиться в onload картинки, как-то так.

Не нужна регулярка:

email.split('@', 1)[0]
// или
email.slice(0, email.indexOf('@'))

Но если очень хочется, такие есть варианты:

email.replace(/@.+/, '')
// или
email.match(/[^@]+/).pop()
// или
/.+(?=@)/.exec(email).shift()

<div id="app">
  <div v-if="!images.length">
    <h2>Select an images</h2>
    <input type="file" @change="onFileChange" multiple>
  </div>
  <div v-else>
    <div v-for="(image, i) in images">
      <img :src="image" />
      <button @click="removeImage(i)">Remove image</button>
    </div>
  </div>
</div>

new Vue({
  el: '#app',
  data: {
    images: [],
  },
  methods: {
    onFileChange(e) {
      this.createImages(e.target.files || e.dataTransfer.files);
    },
    createImages(files) {
      [...files].forEach(file => {
        const reader = new FileReader();
        reader.onload = e => this.images.push(e.target.result);
        reader.readAsDataURL(file);
      });
    },
    removeImage(index) {
      this.images.splice(index, 1);
    },
  },
});

Заворачиваете всё в промисы, и кидаете их в Promise.all.

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

Что неудивительно - используются кастомные тэги, 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/