0xD34F

onMarkerMouseOver() {
  this.openPopup();
}

<Marker onMouseOver={this.onMarkerMouseOver}>

https://jsfiddle.net/2vox61wf/

usort($arr, function($a, $b) {
  $t = strcmp($a['type'], $b['type']);
  return $t ? $t : $a['id'] - $b['id'];
});

Обновляете стейт дочернего компонента вместо родительского.

Надо перенести метод handleInput в родительский компонент и передавать в дочерний:

<Input handleInput={this.handleInput} />

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

onChange={this.props.handleInput}

const wrapperSelector = 'селектор блока с товаром, вам виднее, каким он должен быть';
const quantitySelector = '.cart_qty';
const totalSelector = '.shopcart__item-total';

$(wrapperSelector).on('change', quantitySelector, e => {
  $(totalSelector, e.delegateTarget).text(function() {
    return e.target.value * this.dataset.price;
  });
});

// или

document.querySelectorAll(quantitySelector).forEach(function(n) {
  n.addEventListener('change', this);
}, ({ target: t }) => {
  const total = t.closest(wrapperSelector).querySelector(totalSelector);
  total.innerText = t.value * total.dataset.price;
});

arr.flatten.include?('EMPTY VALUE!')

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

data: () => ({
  value: '',
  values: [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
}),

<input v-model="value">
<button v-for="(n, i) in values" @click="value = n">set value #{{ i + 1 }}</button>

data: () => ({
  scroll: 0,
}),
computed: {
  style() {
    return {
      height: здесь рассчитываете высоту на основе this.scroll,
    };
  },
},
created() {
  const onScroll = () => this.scroll = document.scrollingElement.scrollTop;
  onScroll();
  document.addEventListener('scroll', onScroll);
  this.$on('hook:beforeDestroy', () => document.removeEventListener('scroll', onScroll));
},

<div :style="style">

О каком массиве идёт речь, через какой промежуток надо получать его элементы и что с ними делать:

const options = [
  [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
  500,
  console.log,
];

Можно установить интервал:

function interval(arr, delay, callback) {
  let i = -1;

  return arr.length
    ? setInterval(() => callback(arr[i = -~i % arr.length]), delay)
    : null;
}

const intervalId = interval(...options);
// надо остановить хождение по кругу, делаем так: clearInterval(intervalId);

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

function interval(arr, delay, callback) {
  let timeoutId = null;

  arr.length && (function next(i) {
    timeoutId = setTimeout(() => {
      callback(arr[i]);
      next((i + 1) % arr.length);
    }, delay);
  })(0);

  return () => clearTimeout(timeoutId);
}

const stop = interval.apply(null, options);
// надо остановить, делаем так: stop();

Перебрать элементы, выдернуть оттуда нужные данные, склеить в строку:

Array.from(navigator.plugins, n => n.name).join(', ')

Сделайте вычисляемое свойство, где и будет осуществляться группировка:

computed: {
  grouped() {
    return this.dataTable.reduce((acc, n) => {
      (acc[n.customer.name] = acc[n.customer.name] ?? []).push(n);
      return acc;
    }, {});
  },
},

<template v-for="(items, customer) in grouped">
  <tr>
    ...
  </tr>
  <tr v-for="item in items">
    ...
  </tr>
</template>

Потому что кто-то не понимает разницы между собственно функцией и результатом её вызова. Вот же позорище.

Оборачивайте вызов функции в другую функцию. Или bind используйте. Или разберитесь, что принимают обработчики событий в качестве параметра, и перепишите функцию так, чтобы не надо было ей передавать элементы btnNextLevel.

https://github.com/vuetifyjs/vuetify/issues/4058

function xxx(key) {
  let val = entityTree[key];
  const nextKey = Array.isArray(val) && (val = [...val], val.pop());
  return val ? [].concat(key, val, xxx(nextKey)) : [];
}

$prevButton.click(() => $slider.trigger('prev.owl.carousel'));
$nextButton.click(() => $slider.trigger('next.owl.carousel'));

Вместо v-for="image in images" должно быть v-for="image in result.images".

Вместо v-model="profileImg" и {{profileImg}} должно быть v-model="result.profileImg" и {{ result.profileImg }}.

Чтобы группы радиокнопок работали независимо, вместо статичного name="profileImg" значение name должно вычисляться динамически, в зависимости от result (например - добавляйте id, если есть, или индекс).

Вместо <li>{{ result.sizes.join(' ') }}</li> должно быть <li v-for="size in result.sizes">{{ size }}</li>.

Так чего надо-то? Как-то противоречиво выглядят ваши слова:

Нужно сделать обычную регулярку, которая бы проверяла наличие кириллицы и пробелов.

// проверяем, что строка содержит и первое, и второе
/(?=.*[А-ЯЁ])(?=.* )/i.test(str)

// проверяем, что ничего другого в строке нет
/^[А-ЯЁ ]*$/i.test(str)

Нужно полностью исключить кирилицу и пробелы.

// проверяем отсутствие
/^[^А-ЯЁ ]*$/i.test(str)

// удаляем
str.replace(/[А-ЯЁ ]/gi, '')

if (obj.hasOwnProperty(key)) {
  if (!Array.isArray(obj[key])) {
    obj[key] = [ obj[key] ];
  }

  obj[key].push(val);
} else {
  obj[key] = val;
}

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

это для массива, а у меня объект

И что? Самостоятельно одно на другое заменить - нет, никак? Вместо Array.isArray проверяйте instanceof Object. А ключ нового свойства - это количество уже существующих свойств:

if (obj.hasOwnProperty(key)) {
  if (!(obj[key] instanceof Object)) {
    obj[key] = { 0: obj[key] };
  }

  obj[key][Object.keys(obj[key]).length] = val;
} else {
  obj[key] = val;
}

Во-первых, два класса не нужны, заменяем .next на .active + *.

Во-вторых,

// назначаем класс после создания элементов
for (let i = times.length; i--;) {
  if (new Date(times[i]) <= date) {
    result.children[i].classList.add('active');
    break;
  }
}

// или, параллельно
result.append(...times.map((n, i, { [-~i]: m = +date + 1 }) => {
  const p = document.createElement('p');
  p.textContent = n;
  p.classList.toggle('active', new Date(n) <= date && date < new Date(m));
  return p;
}));

Непонятно, что конкретно надо. Варианты-то разные есть. Например:

1. Один из элементов services должен содержать все категории, указанные в filterBy:
   
   

   users.filter(u => u.services.some(s => filterBy.every(f => s.categories.includes(f))))

   
   
2. Должны присутствовать все категории, указанные в filterBy, но распределены по элементам services они могут быть произвольным образом:
   
   

   users.filter(u => filterBy.every(f => u.services.some(s => s.categories.includes(f))))

   
   
3. Достаточно присутствия любой из категорий, указанных в filterBy, в любом из элементов services:
   
   

   users.filter(u => filterBy.some(f => u.services.some(s => s.categories.includes(f))))

   
   

и т.д.

$('.products').append(data.uslugi.map(item => `
  <div class="item p-2">
    <img src="${item.img}" alt="" class="p-2 h-64 mx-auto">
    <h2 class="text-lg text-center font-semibold p-1 pb-0">${item.title}</h2>
    <div class="flex flex-wrap w-56 mx-auto py-2 pt-0 text-lg sizes">
      ${item.size.map(size => `
        <div class="p-1 flex size">
          <span class="px-2 rounded-full size active">${size}</span>
        </div>
      `).join('')}
    </div>
  </div>
`).join(''))