0xD34F

Такой класс уже есть. Если надо стилизовать ссылку - используйте его.

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

А можно как-то присваивать свой класс?

Как-то можно:

computed: {
  activeLink() {
    return this.links.find(n => n.url === this.$route.path);
  },
},

:class="{ active: activeLink === link }"

Одно непонятно - зачем?

const result = JSON.stringify({ room: Object.fromEntries(data) });

words = [ 'and', 'of' ]

sentences.gsub!(/\b(#{words.join('|')})\b/i) {|m| m.downcase}

created() {
  const interval = setInterval(this.method, 5 * 60 * 1000);
  this.$on('hook:beforeDestroy', () => clearInterval(interval));
},

return new this.constructor();

??

UPD. Оказывается, у нас тут typescript, и он недоволен:

This expression is not constructable.
  Type 'Function' has no construct signatures

Тогда пусть будет так:

const { constructor } = Object.getPrototypeOf(this);
return new constructor();

function filter(val) {
  if (!(val instanceof Object)) {
    return val;
  }

  const filtered = Object
    .entries(val)
    .map(n => [ n[0], filter(n[1]) ])
    .filter(n => n[1]);

  return filtered.length
    ? val instanceof Array
      ? filtered.map(n => n[1])
      : Object.fromEntries(filtered)
    : null;
}

Пусть валидатор возвращает true/false вместо корректное_значение/false:

const validator = (value, maxSize) =>
  !(/[^а-яА-Яa-zA-Z0-9\s]/.test(value) || value.length > maxSize);

Соответственно, setTitle вызывайте только в случае true:

if (validator(value, maxSize)) {
  setTitle(value);
}

Если же вам всё-таки необходимо, чтобы валидатор возвращал значение инпута, то он должен получать не только то, которое проверяет, но и какое-то дефолтное корректное, чтобы было что вернуть в случае отрицательного результата проверки:

const validator = (defaultValue, value, maxSize) =>
  (/[^а-яА-Яa-zA-Z0-9\s]/.test(value) || value.length > maxSize)
    ? defaultValue
    : value;

setTitle(prevValue => validator(prevValue, value, maxSize));

Всё работает.

Ширина у ::before нулевая, поэтому картинки не видно.

methods: {
  createAlphaIndex(num) {
    const base = 26;
    let str = '';

    do {
      const mod = num % base;
      num = num / base | 0;
      str = (mod ? String.fromCharCode('A'.charCodeAt(0) + mod - 1) : (--num, 'Z')) + str;
    } while(num);

    return str;
  },
},

<div v-for="i in 1000">{{ createAlphaIndex(i) }}</div>

https://jsfiddle.net/bh0cep84/

Где искать минимум, и куда его надо вывести:

const elements = document.querySelectorAll('.price');
const output = document.querySelector('.min-sum');

Ищем, выводим:

output.textContent = Math.min(...Array.from(
  elements,
  n => parseFloat(n.textContent)
));

// или

output.innerText = Array.prototype.reduce.call(
  elements,
  (min, n) => (
    n = +n.innerText.match(/[\d.]+/),
    n < min ? n : min
  ),
  Infinity
);

const elem = document.querySelector('#elem').nextElementSibling;
if (elem) {
  const num = 1 + [...elem.parentNode.children].indexOf(elem);
  elem.innerText = num + '. ' + elem.innerText;
}

или

const elem = document.querySelector('#elem + *');
if (elem) {
  let num = 1;
  for (let n = elem; n = n.previousElementSibling; num++) ;
  elem.textContent = `${num}. ${elem.textContent}`;
}

или

const elems = document.querySelector('ul').children;
const index = -~Array.prototype.findIndex.call(elems, n => n.id === 'elem');
if (index) {
  elems[index]?.insertAdjacentText('afterbegin', ''.concat(-~index, '. '));
}

Как наиболее короче сделать...

Короче - не проверять, и вообще не обрабатывать элементы, где нет данных:

generalDiv.innerHTML = newCats
  .filter(n => n?.breeds.length)
  .map(({ url, breeds: [ b ] }) => `
    <div class="cat__item">
      <div class="cat__img"><img src="${url}" alt="${b.name}"></div>
      <div class="cat__name">${b.name}</div>
      <div class="cat__temperament">${b.temperament}</div>
      <div class="cat__live">${b.life_span}</div>
      <div class="cat__origin">${b.origin}</div>
      <div class="cat__description">${b.description}</div>
      <div class="cat__wikipedia_url">${b.wikipedia_url}</div>
    </div>
  `)
  .join('');

document.querySelector('form').addEventListener('input', function() {
  const sum = Array.prototype.reduce.call(
    this.querySelectorAll('input:checked'),
    (acc, n) => acc + +n.value,
    0
  );

  document.querySelector('#pSumma').innerText = `$${sum.toFixed(2)}`;
});

Правильно будет циклы в явном виде не писать:

document.querySelectorAll('.g-project__words-moving').forEach(n => {
  const html = n.querySelector('.words-moving__calm span').outerHTML.repeat(10);
  n.querySelectorAll('.running-string-wrapp').forEach(m => m.innerHTML = html);
});

Ну а если говорить об ошибке в вашем коде, то вы всегда перебираете все имеющиеся элементы .words-moving__calm span, вместо того, чтобы ограничиться только теми, которые лежат внутри текущего элемента .g-project__words-moving. Для исправления можно перенести объявление place в начало тела внешнего цикла, заменив при этом document на boxes[i].

.on('beforeChange', function(e, slick, currSlide, nextSlide) {
  $('.tabs-content__item').hide().eq(nextSlide).fadeIn();
});

re.sub(r'(^\W+)|(\W+$)', '', text)

chunkSize = 2
print(':'.join(''.join(g[i:i + chunkSize]) for i in range(0, len(g), chunkSize)))