0xD34F

useEffect

methods: {
  classes: obj => ({
    'current-active': obj.progress.current > 0,
  }),
  ...
},

:class="classes(cutLine)"

chunkSize = 2
chunksNum = len(string) - chunkSize + 1
chunks = [ string[i:i + chunkSize] for i in range(0, chunksNum) ]

Куда пользователь забивает значение, кого надо проверять, и кого скрывать:

const input = document.querySelector('input');
const itemClass = 'word';
const blockClass = 'block';

Слушаем событие input, сравниваем значения, поднимаемся к блоку и переключаем его видимость:

input.addEventListener('input', e => {
  const val = +e.target.value;

  document.querySelectorAll(`.${itemClass}`).forEach(n => {
    n.closest(`.${blockClass}`).hidden = +n.innerText < val;
  });
});

или

.hidden {
  display: none;
}

input.oninput = function() {
  const val = Number(this.value);

  for (const n of document.getElementsByClassName(itemClass)) {
    let block = n;
    while (!(block = block.parentNode).classList.contains(blockClass)) ;
    block.classList.toggle('hidden', Number(n.textContent) < val);
  }
};

Скрыть через стилизацию:

.show-days-only .v-picker__title,
.show-days-only .v-date-picker-header {
  display: none;
}

<v-date-picker class="show-days-only"

<Route path="/products" component={Products} />

Сюда добавить exact.

return <h1>Product# {match.slug}</h1>;

Здесь должно быть match.params.slug.

Пробовал с mix-blend-mode, не получилось.

Пробовал с mix-blend-mode, получилось.

try {
  eval('this.#' + name);
  return true;
} catch(e) {
  return false;
}

marker.geometry.setCoordinates

function max(data, key = n => n) {
  const getVal = key instanceof Function ? key : n => n[key];
  let result = null;

  for (const n of data) {
    const val = getVal(n);
    result = result?.[1] >= val ? result : [ n, val ];
  }

  return result?.[0];
}

const { text } = max(arr, n => n.text.length);
const oldest = max(arr, 'age');

Где и кого надо удалить:

const tableSelector = 'здесь селектор вашей таблицы';
const columnIndices = [ 8, 9, 10 ];

const $rows = $(`${tableSelector} tr`);
// или
const { rows } = document.querySelector(tableSelector);

Удаляем:

$rows.each((_, n) =>
  $('> *', n)
    .filter(i => ~columnIndices.indexOf(i))
    .remove()
);

или

$rows
  .children(`${columnIndices.map(n => `:nth-child(${-~n})`)}`)
  .detach();

или

Array.prototype.forEach.call(rows, function(n) {
  for (let i = n.cells.length; i--; this.has(i) && n.deleteCell(i)) ;
}, new Set(columnIndices));

или

for (const { cells } of rows) {
  columnIndices.map(n => cells[n]).forEach(n => n?.remove());
}

или

for (const n of rows) {
  n.replaceChildren(...Array.prototype.filter.call(
    n.cells,
    (_, i) => !columnIndices.includes(i)
  ));
}

function getWeekdaysOfMonth(year, month) {
  const date = new Date(year, --month, 1);
  const result = [];

  while (date.getMonth() === month) {
    result.push(date.toLocaleString('ru-RU', {
      month: 'long',
      day: 'numeric',
      weekday: 'long',
    }));
    date.setDate(date.getDate() + 1);
  }

  return result;
}

const weekdaysOfDecember2020 = getWeekdaysOfMonth(2020, 12);

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

но как поступить если я не хочу забирать дни недели из стандартного объекта. а взять из их своего массива?

const weekdays = [
  'воскресенье',
  'это понедельник',
  'а это вторник',
  'конечно же среда',
  'четверг',
  'пятница - прямо после четверга',
  'суббота, рабочая неделя окончена',
];

const getWeekdaysOfMonth = (year, month) => Array.from(
  { length: new Date(year, month--, 0).getDate() },
  (n, i) => {
    const d = new Date(year, month, i + 1);
    return d.toLocaleString('ru-RU', {
      month: 'long',
      day: 'numeric',
    }) + ', ' + weekdays[d.getDay()];
  });

const weekdaysOfFebruary2021 = getWeekdaysOfMonth(2021, 2);

const result = arr.reduceRight((acc, n) => ({ [n]: acc }), {});

или

let result = {};
for (let i = arr.length; i--;) {
  result = { [arr[i]]: result };
}

или

const result = (function createObj(i) {
  return i < arr.length
    ? { [arr[i]]: createObj(-~i) }
    : {};
})(0);

document.querySelector('.products__body').addEventListener('click', e => {
  const item = e.target.closest('.card-preview__item');
  if (item) {
    e.preventDefault();
    const { srcset } = item.querySelector('source');
    item.closest('.card').querySelector('.card-head__image source').srcset = srcset;
  }
});

function merge(...$arrays) {
  $result = [];

  foreach ($arrays as $arr) {
    foreach ($arr as $key => $values) {
      if (!isset($result[$key])) {
        $result[$key] = [];
      }

      for ($i = 0; $i < count($values); $i++) {
        $result[$key][$i] = ($result[$key][$i] ?? 0) + $values[$i];
      }
    }
  }

  return $result;
}


$arr = merge($arr1, $arr2);

Открываете форму обратной связи. В выпадающем списке "тема" выбираете пункт "гениальная идея". В текстовом поле "текст сообщения" излагаете суть - что за тэг, и почему его следует добавить. Подсказка: "почему следует добавить" - это, как минимум, наличие уже существующих вопросов, к которым новый тэг можно будет прицепить, и, наверное, не в количестве 3-5-10 штук, а побольше. Так что прежде чем предлагать добавление тэга, стоит воспользоваться поиском - убедитесь, что оно того стоит.

нужно отлавливать дата атрибуты и если эти дата атрибуты совпадают с дата атрибутами других блоков то вешать класс на блоки

Может, не надо никакие атрибуты трогать - учитывая, что порядок значений атрибутов идентичен для слайдов и блоков? Смотрите на индекс:

on: {
  slideChange() {
    const index = this.realIndex;
    document.querySelectorAll('.lol').forEach((n, i) => n.classList.toggle('active', i === index));
  },
},

А вообще, всё это похоже на попытку соорудить собственную пагинацию. Для этого у swiper'а предусмотрены отдельные настройки. Вырезаете из .clients__picture все .lol, вырезаете обработчик slideChange, добавляете

pagination: {
  el: '.clients__picture',
  bulletClass: 'lol',
  bulletActiveClass: 'active',
  renderBullet: (index, className) => `<div class="${className}">${index + 1}</div>`,
},

• tagName:
  
  

  For DOM trees which represent HTML documents, the returned tag name is always in the canonical upper-case form.

  
  А теперь посмотрите, что вы у себя написали:
  
  

  if(str.tagName == 'ul') {

  
  

  } else if (str.tagName == 'li') {

  
  Кстати, а почему str, что за странный выбор имени? Там же элемент, а не строка.
  
  
• Вместо элемента добавляется строка:
  
  

  elem.append('li');

  
  
• Крайне странное назначение обработчика клика:
  
  

  for (let el of strLi) {
      el.addEventListener('click',func);
  };

  
  Во-первых - зачем каждый раз добавлять всем? Хорошо, что хоть объявление func вынесено за пределы текущей функции, иначе бы при каждом клике всем существующим li добавлялся новый обработчик.
  
  Во-вторых - пока не кликните по li, на свежесозданных li клик обрабатываться не будет (касается и тех, что изначально существуют).
  
  В-третьих - а на хрена оно надо? Вы же уже обрабатываете клик по li - так зачем назначать отдельный обработчик клика? То, что делаете в func, вполне можно делать прямо тут.
  
  

А вообще, исправлять существующий код я бы не стал. Лучше его вырезать полностью и написать другой, получится гораздо проще и короче:

document.querySelector('ul').addEventListener('click', e => {
  const t = e.target;
  const ct = e.currentTarget;
  t.insertAdjacentHTML('beforeend', ct === t ? '<li>text</li>' : '!');
});

[ ''.join(m for m in n if m in punct) for n in arr ]

function memoize(f, timeout) {
  const memo = {};

  return () => (new Date() < memo.time + timeout)
    ? Promise.resolve(memo.result)
    : f().then(r => (memo.time = +new Date(), memo.result = r));
}