0xD34F

(?<=id=")\d+

const $menuItems = $('#menu a');
$('#submenu > ul').width(i => $menuItems.eq(i).width());

component 1:

methods: {
  someMethod() {
    ...

component 2:

this.$emit('i-want-to-call-method-from-component-1');

parent:

<component-1 ref="component1" />
<component-2 @i-want-to-call-method-from-component-1="$refs.component1.someMethod()" />

const min = 7;
const max = min + 21;

function update(value) {
  value = Math.max(min, Math.min(max, value | 0));

  $('#spinner2').val(value);
  $('#slider2').slider('value', value);

  const date = new Date();
  date.setDate(date.getDate() + value);
  $('#amount').val(date.toLocaleString('en-US', {
    year: 'numeric',
    month: 'long',
    day: 'numeric',
  }));
}

$('#slider2').slider({
  range: 'min',
  min,
  max,
  step: 1,
  slide: (e, ui) => update(ui.value),
});

$('#spinner2').spinner({
  min,
  max,
  spin: (e, ui) => update(ui.value),
}).on('input', e => update(e.target.value)).trigger('input');

Сделаем объект, где ключами будут имена типов данных, а значениями - функции сравнения значений соответствующих типов:

const sort = {
  number: (a, b) => a - b,
  string: (a, b) => a.localeCompare(b),
};

Функция сортировки - принимает таблицу (может быть передана в виде элемента или селектора) и индекс столбца, по значениям которого надо отсортировать строки. По индексу столбца стучимся в его заголовок, получаем из него имя типа данных, по имени типа извлекаем функцию сравнения. Из тела таблицы достаём строки, превращаем их в массив, сортируем, добавляем обратно:

function sortTable(table, colIndex) {
  if (typeof table === 'string') {
    table = document.querySelector(table);
  }

  const head = table.tHead.rows[0];
  const compare = sort[head.cells[colIndex].dataset.type] ?? sort.string;
  const value = row => row.cells[colIndex].innerText;
  const tbody = table.tBodies[0];

  tbody.append(...[...tbody.rows].sort((a, b) => compare(value(a), value(b))));
  [...head.cells].forEach((n, i) => n.classList.toggle('sorted', i == colIndex));
}

Стилизуем заголовок столбца, по которому выполнена сортировка:

.sorted {
  background: #ccc;
}
.sorted::after {
  content: " \2193";
}

Всё, можно пользоваться:

// просто дёргаем сортировку
sortTable('#grid', 0);
sortTable(document.querySelector('table'), 1);

// или, сортируем по клику на заголовки столбцов
document.querySelectorAll('#grid th').forEach(function(n) {
  n.addEventListener('click', this);
}, ({ target: t }) => sortTable(t.closest('table'), t.cellIndex));

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

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, '. '));
}