Aetae

Перейдя на реакт вы будете страдать. Реакт - это тупо даунгрейд. Всё то же самое, но хуже и местами отсутствует. Есть ли в нём хоть какие-то преимущества перед vue? Не знаю таких.
Что за проблемы у вас с библиотеками?

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

Если очень хочется, то в created вешаешь обработчик на resize(а лучше mediaQuery addListener\onchange раз у тебя есть конкретный берйкпоинт), на destroyed обязательно снимаешь обработчик. Сам обработчик ставит какую-то переменную в data.

Вместо кучи компонентов с if, используй один <component :is="conponent" v-bind="allprops"/>.

Нет. Тип значения которое уже было возвращено всегда конкретен. Либо это строка, либо это объект.
Можно возвращать объект с методом toString который будет возвращать нужной строку при приведении к строке, но это не равносильно возвращению самой строки.

const ROUTES = {
  blog: {
    art: 'page-art',
    toString() {
      return 'section-blog'
    }
  }
}
ROUTES.blog.art // page-art
ROUTES.blog // object
'text: ' + ROUTES.blog // text: section-blog

Также можно попытаться накостылять магию с прототипом String, но это только в качестве развлечения, на проде за такое руки оторвут.)

Ты можешь строить цепочки лоадеров: require(`!a-loader!b-loader!c-loader!file')
Но это, на самом деле, неправильно. Правильный подход - прописать все цепочки для нужного расширения сразу в конфиге вебпака, со всеми нужными параметрами и просто делать require(`file').

inline-block
flex wrap
grid auto

Нет. Но ты можешь написать свой лоадер, который будет это делать. Это не сложно.
Однако непонятно нахрена козе баян. Просто положи реальный файлик отдельно и всё, чем инлайн ужасы городить. Это прямо противоречит идее модульности, на которой всё это и построено.

lodash

chain(inData)
  .split(/[&=]/)
  .map(decodeURIComponent)
  .chunk(2)
  .transform((obj, [path, value]) => set(obj, path, value), {})
  .value()

Ты можешь воспользоваться yarn resolutions для перезаписи зависимостей. Однако следует помнить, что разные мажорные версии (2 и 3 соответственно) могут иметь ломающие различия в api.

В action вызывать action - можно.
В отдельный сервис вынести всю работу с сетью, оставив хранилищу только работу с данными - нужно.

Ты тут самую сложную проблему во всём программировании поднял, мужик.)

Чем тебе isTestKeyValid не подходит? Не бойся длинных имён, бойся бессмысленных.

Чтоб пакеты грузились из node_modules по имени, скрипт надо запускать в node(т.е. на сервере), либо собирать его сборщиком(который сам заберёт по имени и запакует в скрипт).
Если же хочешь использовать их напрямую в браузере через type moule - придётся тебе руками явно указывать конкретные пути до конкретных фалов скрипта. package.json и всё что с ним связано - это экосистема node. Из-за удобства и универсальности она принята за стандарт для всей разработки фронта, но браузер об этом ничего не знает.

Объект есть, нет его типов.
npm i -D @types/google.maps
Это указано первой же строчкой в документации.

Extra semicolon.

Лишняя точка с запятой.

Как быть? Перенастроить eslint правило semi наоборот, чтобы точки с запятой были обязательны.
Тот, кто не пишет точки с запятой - роет себе яму и уменьшает читабельность.

ESlint правило кторое не любит "висящих в воздухе" Promise.
Оно хочет чтоб ты сделал что-то из этого:

methods: {
  openUnit(it: string):void {
    void this.$router.push(`/unit/${it}`);
  }
}

methods: {
  openUnit(it: string) {
    return this.$router.push(`/unit/${it}`);
  }
}

methods: {
  async openUnit(it: string) {
    await this.$router.push(`/unit/${it}`);
  }
}

Типа если Promise явно не обработан, возможно ты ошибся и пошёл выполнять код, не дождавшись его разрешения.

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

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

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

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

В первом случае делай пуш с флагом --force-with-lease для переписывания коммита, во втором случае сначала сделай пул и подтяни изменения.

lodash/difference