zorro3

У вас ArbitraryObject - scalar, а не объект с описанными полями. На это вам и ругается граф - нельзя в запросе перечислять какие-либо поля для него. То есть нельзя написать запрос типа

query {
   my_query {
     scalar_field {
        ...someFields
     }
   }
}

Можно только

query {
   my_query {
     scalar_field
   }
}

В vue есть классная штука при переключении компонентов. Keep-alive. На динамических компонентах работает отлично. Посмотрите в доках, может это то, что вам нужно?

let customKeys 
const items = Array.from(['custom', 'default']).flatMap(group => {
  const scope = group + "Data"

  // Собираем элементы группы
  const items = (data[group] || []).flatMap(({ id, links }) => 
    links.map(link => ({...link, id, scope }))
  )

  const getKey = v => JSON.stringify([v.id, v.number])

  if (!customKeys) {
    // индексируем ключи кастомных элементов
    customKeys = items.reduce((agg, v) => 
      Object.assign(agg, {[getKey(v)]: v})
    , {})

    return items 
  } else {
    // Для ключей, найденных ранее, устанавливаем родителя и отфильтровываем
    const defaultIds = []
    const defaultItems = items.filter(v => {
      const child = customKeys[getKey(v)]
      if (child) {
        child.parent = v 
        defaultIds.push(v.id)
      } else {
        return true
      }    
    })

    // Оставляем в data.default лишь элементы с id, не найденные в custom
    if (defaultIds.length) {
      const idsSet = new Set(defaultIds)
      const copy = [...data.default]
      data.default.length = 0 
      data.default.push(...copy.filter(v => !idsSet.has(v.id)))
    }

    return defaultItems
  }
})

console.log(data) // Дата без кастомных ключей в дефолт скоуп
console.log(items) // Результат