0xD34F

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 step(i) {
    timeoutId = setTimeout(() => {
      callback(arr[i]);
      step((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)

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;
}

for (let i = times.length; i--;) {
  const d = new Date(times[i]);
  if (d <= date) {
    result.children[i].classList.add('active');
    result.children[i + 1]?.classList.add('next');
    break;
  }
}

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

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(''))

https://jsfiddle.net/ckatjrfx/1/

case 'BASKET':
  return {
    ...state,
    products: state.products.map(n => n.name === action.payload
      ? { ...n, basket: true }
      : n
    ),
  };

UPD. Ну это уже ни в какие ворота:

onPress={() => this.props.addToBasket.bind(this, this.props.product.name)}

Во-первых, функцию создаёте, но не вызываете. Во-вторых, не нужна тут привязка контекста:

onPress={() => this.props.addToBasket(this.props.product.name)}

const showProductsList = (type, maxlength) => {
    <...>
    if(product.basket == type & currentLength < maxlength) {

showProductsList("true", 4)

Нет, true не будет равно "true", убираем кавычки: showProductsList(true, 4).

Может, прежде чем браться за react, стоит язык освоить, хотя бы основы?

const form = document.querySelector('.form');
const items = [...form.querySelectorAll('.form__item')];

form.addEventListener('change', function(e) {
  const index = items.indexOf(e.target.closest('.form__item'));
  form.querySelector('.form__progress-line').style.width = (index + 2) * 100 / items.length + '%';

  setTimeout(() => {
    items[index]?.classList.remove('form__item--active');
    items[index + 1]?.classList.add('form__item--active');

    if (index + 1 === items.length) {
      form.style.display = 'none';
      document.querySelector('.result').classList.add('result--active');
    }
  }, 1000);
});

form.dispatchEvent(new Event('change'));

Заменить id на классы:

const values = Array.from(document.querySelectorAll('.l'), n => n.value);
document.querySelectorAll('.lt').forEach((n, i) => n.value = values[i]);
document.querySelector('.block').style.borderRadius = values.map(n => `${n}px`).join(' ');