0xD34F

Никаких ошибок нет, всё правильно, как и должно быть. Сколько есть уникальных ключей - столько записей в map'е и создаётся. Как по одному ключу может быть доступно несколько значений? Никак, это абсурд. Очевидно, вы плохо понимаете, чего хотите сделать.

(?<=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()" />

arr.reduce((acc, n) => ((acc[n.department] ||= []).push(n), acc), {})

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 value = row => row.cells[colIndex].innerText;
  const compare = sort[table.tHead.rows[0].cells[colIndex].dataset.type];
  const tbody = table.tBodies[0];

  [...tbody.rows]
    .sort((a, b) => compare(value(a), value(b)))
    .forEach(n => tbody.append(n));
}


sortTable('#grid', 0);
sortTable(document.querySelector('table'), 1);

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

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

??

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/