700Hp

Ну потому что это union - он строгий, он позволяет получать свойство напрямую только в том случае, если оно есть у всех членов union'а. В ином случае надо руками делать проверку, которая сузит тип до нужного. if ('counter' in ...) и т.п.

prettier - это одно, eslint - это другое, если у тебя prettier подключается через eslint, то настройки для него указываются скопом, условно так:

rules: {
    'prettier/prettier': ['warn', {
      semi: false,
      ...
      singleQuote: true,
      vueIndentScriptAndStyle: true,
      arrowParens: 'avoid',
      trailingComma: 'none',
      quoteProps: 'consistent',
    }],

Сейчас prettier используется как часть eslint
Я бы порекомендовал эти шаги разделить:
1) Вместо "plugin:prettier/recommended" поставить "prettier" - это должно выключить свои правила линтера по стилизации.
2) Запускать prettier отдельно - можно это делать автоматически перед коммитом через husky или интегрировать в CI.
3) Настроить в веб шторм форматирование с использованием prettier. Он умеет подхватывать .prettierrc.json

Поправьте, если что-то забыл

Просто можно было в useManualForm хуке сделать вотч на входную пропсу хука field. Это будет работать, т.к. эта пропса Proxy (т.к. в компоненте используется reactive)

Есть удобный механизм transitions - Анимации на Vue

Ну какбэ если поля должны быть на одном экране то 1., если на нескольких шагах то 2.
Если ты именно что выбираешь между опциями, то зачем ты делаешь работу дизайнера?)

В целом - не имеет значения.

P.S. Если получается громоздко - что-то у тебя не так с инпут-элементами. Если тебе приходится им прописывать одно и тоже - сделай обёртку юзающую контекст\provide, в коде не должно быть повторов.

ну не знаю как насчёт keep-alive, но предполагаю как-то так
this.somestate=false;
this.$nextTick(() => this.somestate = true)

и на компоненет v-if=somestate

onChange: (event: React.ChangeEvent<HTMLInputElement>) => void

onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void

Искать тут.

В общем случае так:

const dateA = new Date('...')
const dateB = new Date('...')

// разница в секундах с точностью до миллисекунды
const differenceInSeconds = (dateA.getTime() - dateB.getTime()) / 1000

// затем можно или отбросить дробную часть
console.log(Math.trunc(differenceInSeconds))
// или округлить одним из методов
console.log(Math.round(differenceInSeconds))

В вашем случае, судя по комментарию к вопросу, должно быть как-то так:

let lastReqDate
app.get('/api/v1/example', (req, res) => {
  const date = new Date()
  let diff
  if (lastReqDate != null) {
    diff = (date.getTime() - lastReqDate.getTime()) / 1000
  }
  if (diff != null && diff < 120) {
      diff = Math.ceil(diff) // округление до ближайшего большего целого
      res.header('Retry-After', diff)
      res.status(429) // Too Many Requests
      res.send({ retryAfter: diff })
  } else {
      lastReqDate = date
      // выполнение запроса разрешено
  }
})

для такой задачи в базу данных записывают не boolean, а время на момент записи, а в select запросе делают
select now()-start_time<=3 часа from ....

Вот так уже работает

Ну где же оно работает, если у вас 3 раза вывелось undefined и один раз массив? Просто вы перестаёте обращаться к несуществующему свойству и код не падает на первой же итерации. Однако никакой массив ничем не становится, такое значение туда и пришло. Ещё один вариант - this в момент исполнения указывает уже не на объект класса.

Если у вас может не быть массива, по условиям задачи, пишите, например, так:
(this.listeners || []).forEach(...)

Если вы используете корректный JWT, то роль должна хранится в нём. Токен защищён подписью и подставить в него произвольное значение не получится.
При входе по логину/паролю роль берётся из базы данных, передавать её в форме не надо.
При создании нового пользователя админом на бэке проверяется роль отправившего запрос (в токене).
При самостоятельной регистрации нового пользователя принудительно назначается роль "user" и поднять её может только действующий админ.

Находите нужный <li>по дата-атрибуту и добавляйте в его ol. notes всё что душе угодно.
Не совсем ясно на каком этапе сложности, мб неправильно понимаю вопрос.

Array.find(), Array.some()

Ты можешь производить поиск уже от найденного дом элемента

const li = document.querySelector('#id-li')

const input = li.querySelector('input')

Есть подозрение, что потеряли await

const todo = await Todo.create({
      title: req.body.title,
      done: false,
    })

Прежде чем миксин использовать, его нужно подключить.