0xD34F

const reverseNumber = num => Math.sign(num) * [...`${Math.abs(num)}`].reverse().join('');

const SHOW_MORE = 3;
const itemSelector = '.item';
const hiddenClass = 'd-none';
const hiddenSelector = `.${hiddenClass}`;
const $show = $('.show');
const $hide = $('.hide');
const $items = $(itemSelector);

function updateButtons() {
  $show.toggleClass(hiddenClass, $items.filter(hiddenSelector).length === 0);
  $hide.toggleClass(hiddenClass, $items.not(hiddenSelector).length === SHOW_MORE);
}

$show.click(function() {
  $items.filter(hiddenSelector).slice(0, SHOW_MORE).removeClass(hiddenClass);
  updateButtons();
}).click();

$hide.click(function() {
  $items.slice(SHOW_MORE).addClass(hiddenClass);
  updateButtons();
});

Вынесем в отдельные переменные условия, определяющие, надо ли показывать группы кнопок, которые...

// ...прилегают к первой кнопке
const showAfterFirst = currentPage < 5;

// ...прилегают к последней кнопке
const showBeforeLast = currentPage > totalPages - 4;

Соответственно, условиями отображения троеточий после/до первой/последней кнопок будут обратные значения: !showAfterFirst и !showBeforeLast. А чтобы отобразить центральную группу кнопок, оба базовых условия должны быть ложными: !(showAfterFirst || showBeforeLast).

https://jsfiddle.net/0sjgrcxu/1/

Убрать всех, кто не массив; заменить spread на flat:

[ arr1, arr2, arr3 ].filter(Array.isArray).flat()

почему-то не работает

Действительно, чудеса какие-то. Всё же правильно делаете - сначала инициализируете слайдер, затем создаёте под него контейнер и слайды... А, ну да.

Может, наоборот попробуете - сначала создать все необходимые элементы, а уже потом дёрнуть new Swiper?

Добавьте в useEffect return () => clearInterval(interval);.

fields.every(n => Object.values(n).every(m => !m.isRequired || m.value))

Вместо

- let works = [

должно быть

-
  let works = [

Ещё кавычки забыли - нулевой элемент массива, значение свойства text.

Так чего надо-то? Говорите "массивы", показываете объекты.

Если исходные данные, как и показано, представлены объектами, то

Object
  .entries({ defaultTest, systemTest })
  .flatMap(([ k, { references, ...n } ]) => references.map(m => ({
    ...m,
    ...n,
    [k]: true,
  })))

Если же это массивы (а сейчас показываются, соответственно, их элементы), тогда

Object
  .entries({ defaultTest, systemTest })
  .map(([ k, v ]) => v.map(({ references, ...n }) => references.map(m => ({
    ...m,
    ...n,
    [k]: true,
  }))))
  .flat(2)

key = 'brand'
val = 'Ford'

print([ n for n in dict_autos.values() if n[key] == val ])

Скрытый выбранный option:

const setOptions = (el, options, placeholder) =>
  el.innerHTML =
    `<option hidden selected value="">${placeholder}</option>` +
    options.map(n => `<option>${n}</option>`).join('');

https://jsfiddle.net/hb9gz7ft/1/

Проверяем число, если однозначное - возвращаем 0; в противном случае возвращаем сумму единицы и результата рекурсивного вызова:

const multiply = num =>
  num > 9
    ? 1 + multiply([...`${num}`].reduce((acc, n) => acc * n))
    : 0;

Если уже переходите к форме авторизации, не надо пытаться инициировать этот переход ещё раз - добавьте || to.name === 'Authorization' в beforeEach в if.

created() {
  this.tagsAsArray.forEach((item) => {
    this.editState[item] = false;
  });
},

Нет, так свойства editState реактивными не будут:

Vue cannot detect property addition or deletion.

Создавайте новый объект вместо модификации существующего:

created() {
  this.editState = Object.fromEntries(this.tagsAsArray.map(n => [ n, false ]));
},

Ещё дико подозрительная вещь - подключение обработчика клика в компоненте элемента списка:

@onClick="editTagName"

Затрудняюсь припомнить, видел ли такое хоть раз, чтобы имя события vue-компонента было с приставкой "on". Может, должно быть просто "click"? Проверьте на всякий случай.

<select id="event"></select>
<select id="dates"></select>

const events = [
  { name: '...', dates: [ ... ] },
  { name: '...', dates: [ ... ] },
  ...
];

const eventEl = document.querySelector('#event');
const datesEl = document.querySelector('#dates');

eventEl.innerHTML = events
  .map((n, i) => `<option value="${i}">${n.name}</option>`)
  .join('');

eventEl.addEventListener('change', function() {
  datesEl.innerHTML = events[this.value].dates
    .map(n => `<option>${n}</option>`)
    .join('');
});

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

methods: {
  weekDay(date) {
    return new Date(date).toLocaleString('ru-RU', { weekday: 'short' });
  },
  titleDate(dates) {
    return dates
      .map(n => new Date(n).toLocaleString('ru-RU', {
        weekday: 'short',
        month: 'short',
        day: 'numeric',
      }))
      .join(' - ');
  },
},

<v-date-picker
  :weekday-format="weekDay"
  :title-date-format="titleDate"
/>

const getDuplicates = (arr, key) => Array
  .from(arr.reduce((acc, { [key]: n }) => acc.set(n, -~acc.get(n)), new Map))
  .filter(n => n[1] > 1)
  .map(n => n[0]);


const duplicates = getDuplicates(arr, 1);

или

const getDuplicates = (arr, key = n => n) => Array
  .from(arr.reduce((acc, n) => (n = key(n), acc.set(n, acc.has(n))), new Map))
  .reduce((acc, n) => (n[1] && acc.push(n[0]), acc), []);


const duplicates = getDuplicates(arr, n => n[1]);

или

const getDuplicates = arr =>
  [...arr.reduce((acc, n) => (
    acc[+acc[0].has(n)].add(n),
    acc
  ), [ new Set, new Set ])[1]];


const duplicates = getDuplicates(arr.map(n => n[1]));

Не поможет ли lodash?

const duplicates = _(arr)
  .map(n => n[1])
  .groupBy()
  .filter(n => n.length > 1)
  .map(n => n[0])
  .value();

function fib(max) {
  const next = (p1, p2) => p2 <= max ? ',' + p2 + next(p1 + p2, p1) : '';
  return 0 + next(1, 1);
}


fib(0)   // "0"
fib(1)   // "0,1,1"
fib(10)  // "0,1,1,2,3,5,8"
fib(45)  // "0,1,1,2,3,5,8,13,21,34"
fib(100) // "0,1,1,2,3,5,8,13,21,34,55,89"