asd dsa

Если нужно просто упаковать их в один файл без сжатия, то это относительно просто. Можно посмотреть сюда:
https://habr.com/ru/post/471066/
Это, конечно, php, а не js, но в целом структура zip-файлов описана, принципы их создания - тоже. Единственный сложный момент - надо считать crc для данных, больше ничего реально сложного, вроде бы, нету.

С целью сжатия или обусфакции файла? Если с целью сжатия, то это нетривиальная задача. В ZIP используют разные алгоритмы сжатия без потерь, судя по вики, чаще всего это Deflate, его реализацию можно подглядеть в zlib https://github.com/madler/zlib/blob/master/deflate.c посмотрите сколько там строк, и решите, нужно ли вам тратить столько времени. Лучше воспользуйтесь библиотеками JSZip или тем же zlib на ноде.

Сыровато, но работает, додумаете

const collection3 = []

collection1.forEach((item, i) => {
  const found_prop = collection2.find(p => p.id === item.id)
  collection3.push(Object.assign(item, found_prop))
})

Для полноты картины надо было еще схему вашего компонента приложить.

Если в вашей схеме что-то типа такого:

type Metric {
  id: Int!
  something: String
}

и хотите, чтобы он мог корректно возвращать entities: 50, то самое правильное это добавить это свойство в саму модель.

type Metric {
  id: Int!
  """ Боевая переменная """
  something: String

  """ Для тестов """
  entities: Int
}

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

Это по сути единственный наиболее удобный путь для этого.

Если у вас ситуация сложнее (в боевом режиме значительно больше полей и вы не хотите все поля перечислять), то для малозначительных моделей вы и вовсе можете задать тип JSON.
Если вы используете Apollo-Server, вот их официальная инструкция: https://www.apollographql.com/docs/graphql-tools/s...
Тогда у вас объект может вообще любой набор валидных свойств иметь. Но не советую с этим увлекаться, это часто приводит к хаосу.

Вы НИКАК не можете вынести значение из асинхронного кода в синхронный, потому что на момент выполнения асинхронного кода весь синхронный уже выполнился.

Единственный вариант — выполнять асинхронно тот код, что завязан на другой асинхронный код. То есть создавать аполлопровайдер нужно тоже асинхронно. Напишите функцию, которая будет возвращать промис с провайдером и используйте где нужно.

Ну вам как бы промис возвращается и он зарезолвится когда-то позже чем ваш кусок кода.
Почему не просто что-то типа такого:

const mocked = require("z-mock-client")()
const apolloProvider = new VueApollo({
    defaultClient: MOCKED_UI ? mocked : v2,
    clients: {
        v2: MOCKED_UI ? mocked : v2
    }
})

после перезагрузки страницы получаю undefined

Сохраняйте стейт в localStorage.

Если лень реализовывать сохранение самостоятельно - есть готовые плагины, например.

правильно ли я возвращаю копию значения с объекта store.singleMetricNamesMap

Геттер в хранилище, возвращающий функцию, которая по переданному id возвращает объект... Не вижу, в чём смысл подобных сложностей.

Просто читайте свойство объекта, типа $store.state.singleMetricNamesMap[value.metricId]. Если так по-вашему слишком длинно - сделайте в компоненте вычисляемое свойство, которое будет представлять singleMetricNamesMap.