0xD34F

Во-первых - в onChange передаётся массив, содержащий в себе объект даты, а вовсе не строка. Во-вторых - если хотите добавлять 14 дней, тогда почему пытаетесь подсовывать в endDate.set дату без изменения? Делайте так:

onChange([ date ]) {
  endDate.set('minDate', +date + 1000 * 60 * 60 * 24 * 14);
},

Так?

Обёртке карты задаём overflow: hidden, самому div'у карты задаём высоту. Ну и нелишним будет скрыть элементы управления карты - всё равно нормально ими пользоваться уже не получится, только мешаться будут.

В компоненте category вы забыли подписаться на событие toggled, генерируемое дочерними category (его следует пробрасывать в родителя). И вместо isActive (про него вы при создании дочерних category тоже почему-то забыли) наверное стоит передавать id элемента - а то непонятно, кого и на каком уровне вложенности надо считать активным.

Ну и в целом - зачем два компонента для построения вложенного меню? Как-то сложновато получается. Достаточно и одного. Например.

UPD. А вообще нет, один компонент, проброс активного id вниз и события вверх - дрянь идея. Оставляем два компонента, пусть экземпляры списков имеют доступ к корню через provide / inject. Вот так.

клонирую массив ([]+ push)
<...>
Есть ли способы проще

Конечно есть, не надо никакого push: делайте arr.slice() или [...arr].
Т.е., ваш код должен будет выглядеть примерно так:

const result = arr
  .slice()
  .sort((a, b) => тут сравниваете элементы)
  .slice(0, N);

componentDidUpdate(prevProps) {
  if (this.props.match.params.iduser !== prevProps.match.params.iduser) {
    this.fetchUserData();
  }
}

После удаления элемента вы запрашиваете исходные данные - метод getPictures вместо this.Mycollection возвращает myCollection (кстати, а нормальные имена было придумать никак? - без этого уродливого my и чтобы верхний регистр применялся более, м-м-м, единообразно).

Смотрим код компонента, и видим, что на содержимое окна вешается обработчик клика, где происходит остановка всплытия:

click: evt => {
  evt.stopPropagation()
  // https://github.com/bootstrap-vue/bootstrap-vue/issues/1528
  this.$root.$emit('bv::dropdown::shown')
}

А какая у вас может быть вложенность и количество элементов? Если только так, как вы показали - тогда вместо orderlist проверяйте orderlist[0][0]. Если заранее не знаете - сделайте метод, который проверит всё:

const inArray = (arr, val) =>
  arr.some(n => Array.isArray(n) ? inArray(n, val) : Object.is(n, val));

// или

const inArray = (arr, val) =>
  arr.flat(Infinity).includes(val);

При известных размерах поля можно вычислить координаты элемента на основе его индекса:

строка = floor(индекс / количество столбцов)
столбец = индекс % количество столбцов

Ну а при клике надо взять все элементы, чьи координаты отличаются от координат кликнутого элемента не более чем на какое-то определённое значение (в данном случае 2 - т.к. сторона квадрата 5, floor(5 / 2)).

Заценить живьём.

У маршрутов могут случаться события mouseenter и mouseleave. Также у маршрутов есть опция visible. Так что всё просто - цепляем к маршрутам обработчики событий, в которых переключаем visible:

const routes = new ymaps.GeoObjectCollection();
map.geoObjects.add(routes);

routesData.forEach(n => ymaps.route(n).then(route => {
  route.events.add('mouseenter', onMouseEnter.bind(route));
  route.events.add('mouseleave', onMouseLeave);
  routes.add(route);
}));

function onMouseEnter() {
  routes.each(n => n.options.set('visible', n === this));
}

function onMouseLeave() {
  routes.each(n => n.options.set('visible', true));
}

Какой-то наркоманский бред, иначе и не скажешь. Откуда вы взяли, что изменение items должно как-то повлиять на render.items? Серьёзно - ОТКУДА ВЫ ЭТО ВЗЯЛИ? Расскажите пожалуйста, очень интересно.

Может, вам тут стоило сделать computed свойство?

const result = Object.values(arr.reduce((acc, n) => {
  const group = acc[n.id] = acc[n.id] || { id: n.id, offers: [] };
  group.offers.push(n);
  return acc;
}, {}));

Да делайте как вам удобнее.

Лично я в подобной ситуации создал бы отдельную переменную, если это позволило бы повысить читаемость кода - скажем, селектор какой-то особо стрёмный, тогда можно дать переменной имя, из которого станет ясно, что это за элемент. Ну или чтобы разбить слишком длинную строку на две покороче.

moment('10.2018', 'MM.YYYY').locale('ru').format('MMMM')

искать слова по шаблону, например по слову "элем*в", т.е. в данном примере под этот шаблон подойдет слово "элементов"

Ну так и добавьте в $pattern строку 'элем.*в'.

.box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

Может, потому что вы перепутали align-items и justify-content?

https://jsfiddle.net/rg608sam/1/

А может, вместо того, чтобы заниматься вот этой вот ерундой, просто задать placeholder?

<v-text-field
  placeholder="-"
  v-model="product.product.comment"
  :solo="none_change"
  :readonly="none_change"
></v-text-field>

https://jsfiddle.net/bgn2cko7/