Алексей Ярков

В настройках поищите breadcrumbs

так нельзя

$.ajax({url: 'actions.php', method: 'POST', data: 
{
data-action: 'create_user',
});

а так можно
{ 'data-action': 'create_user'}

В мануале написано "использовать дата-атрибуты" совсем не с той целью, с которой вы их используете.
Задумка там явно такая

<button data-action="create-user">Create user</button>
<button data-action="delete-user">Delete user</button>

$('button').click(function() {
   var el = $(this);
   $.ajax({url: 'actions.php', method: 'POST', data: 
      {
            'action': el.data('action'),
      });
});

теперь, при клике на кнопку create user на сервер придёт экшн create-user, а при клике на кнопку delete user, придёт экшн delete-user

try {
  const result = await redis.asyncGet(token)
} catch (e) {
  console.log('ooops', e)
}

ну или по старинке

redis.asyncGet(token)
  .then(result => { ... })
  .catch(error => { ... })

const group = (arr, key) =>
  arr.reduce((acc, n) => {
    const k = n[key];
    (acc[k] = acc[k] || []).push(n);
    return acc;
  }, {});


const result = Object.values(group(array, 'prop'));

UPD. Код немного осовременим (на момент публикации ответа оператор ??= отсутствовал); пусть группировать можно будет не только массивы, а любые итерируемые объекты; также добавим возможность задавать имя группы через функцию (на тот случай, если в качестве имён групп должны будут выступать значения вложенных свойств, или не непосредственно значения свойства, а производные от них - например, есть свойство, представляющее дату, а нужен месяц; или есть имя, а нужна его первая буква и т.п.); ну и ещё в качестве значений групп пусть можно будет брать не исходные значения, а что-то другое:

function group(data, key, val = n => n) {
  const getKey = key instanceof Function ? key : n => n[key];
  const getVal = val instanceof Function ? val : n => n[val];
  const grouped = {};

  for (const n of data) {
    (grouped[getKey(n)] ??= []).push(getVal(n));
  }

  return grouped;
}

Теперь можно делать так:

const groupedBySign = group([ 0, 1, 2, 3, -10, -20, -30, 0 ], Math.sign);

Или так:

const groupedByParity = group(Array(10).keys(), n => [ 'чётные', 'нечётные' ][n & 1]);

Или так:

const chars = group(
  'ABC123?!+',
  n =>
    n.toLowerCase() !== n.toUpperCase() ? 'буква' :
    Number.isInteger(+n)                ? 'цифра' :
                                          'другое'
);

И даже так тоже можно:

<input name="xxx" value="69">
<input name="xxx" value="187">
<input name="xxx" value="666">
<input name="yyy" value="0">

const values = group(document.querySelectorAll('input'), 'name', 'value');

UPD. Наконец-то дождались, и пяти лет не прошло:

const result = Object.values(Object.groupBy(array, n => n.prop));

Через обертку <div class="container-avatar"><Avatar/></div> - в этом варианте лишний html елемент

Что мешает добавлять класс непосредственно экземпляру компонента? Вполне себе рабочий вариант.

Никак. Даже если взять фреймворк, то и там где-то внутри будет тупо цикл.

Во-первых, производительность вас беспокоит зря, основная нагрузка это reflow, а он не должен происходить только потому что кнопку задизейблели (конечно, все зависит от верстки).
Во-вторых, если кнопки лежат в каком-то общем контейнере, а атрибут не является жестким требованием, то можно обойти это классом.

.disable-all-buttons button {
  pointer-events: none; /* отключаем реакцию на клик и тап */
  opacity: 0.6; /* делаем кнопку "бледной" */
}

Кидаем этот класс на общий контейнер и bob's your uncle.

data: () => ({
  items: [
    { active: false, text: '...' },
    { active: false, text: '...' },
    ...
  ],
}),

<div
  v-for="n in items"
  v-text="n.text"
  :class="[ { active: n.active }, 'toggle' ]"
  @click="n.active = !n.active"
></div>

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

а как сделать чтобы не городить кучу даныx в data?

Типа, лучше городить ещё большую кучу html кода? Нет, так дела не делаются. По крайней мере, при использовании vue, тут данные первичны.

Хотя, можно и без данных - если вы разметку генерите автоматически, без копипасты:

data: () => ({
  itemsCount: 5,
  active: [],
}),
methods: {
  toggle(item) {
    const i = this.active.indexOf(item);
    if (i === -1) {
      this.active.push(item);
    } else {
      this.active.splice(i, 1);
    }
  },
},

<div
  v-for="i in itemsCount"
  v-text="`Item ${i}`"
  :class="[ { active: active.includes(i) }, 'toggle' ]"
  @click="toggle(i)"
></div>

пустые папки не добавляются.
если они позарез нужны, в них создаётся пустой файл (обычно делают скрытый) и комитится.

https://github.com/kazupon/vue-i18n

А какая разница, pug у вас или не pug? Всё как обычно:

p test: {{ isNewDesign }}

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