FODD

Поддерживаю ответ про Vue 3.
Добавлю для поисковых роботов, что можно использовать:

• AlpineJS, эдакий Vue на минималках для совсем простых проектов
  
• React (хоть это и будет боль через рендер функции, или куча дополнительных библиотек для поддержки JSX
  

Используйте Vuex.
HERITAGEOBJECTS держите в состоянии Vuex.
В компонент choCatalogItemFull в качестве пропса вы передаете ID вашей сущности, в computed забираете эту сущность из Vuex по её ID.
Крайне желательно написать для choCatalogItemFull хук beforeRouterEnter, где вы проверяете наличие сущности в vuex, пытаетесь её получить и запрещаете переход если этой сущности нет

Почему-то есть подозрение, что setInterval используется для проверки нового контента.
Если это так, то можно использовать Push API, и проверять, существует ли загруженная страница на момент прихода пуша.

В контексте мелких и средних проектов у vue-cli (далее по тексту буду иметь ввиду и остальные клиенты других фреймворков) одни плюсы - за условные 5 минут вы получаете типовой конфиг, который можно расширить свои плагинами и получить рабочую сборку.

Большой же проект предполагает, что:
1) может потребоваться нестандартная сборка, несколько точек входа со своим конфигом и прочие веселые прелести
2) на проекте работает специалист, который знает как работает сборщик и умеет написать к нему необходимый конфиг сам с нуля
3) у клиентов есть свои конфиги, которыми нужно учиться пользоваться в ДОПОЛНЕНИЕ к конфигам сборщика. Не всем нравится учиться лишним вещам

И вот тут начинаются проблемы - клиент генерит свой конфиг, и примешивает к нему то, что вы дописали. При этом что он там в итоге нагенерил смотреть не особо и удобно. В итоге все выливается в ситуацию "что эта тулза там ещё сгенерила, мне надоело перебивать правила".

Если проект полностью подходит под стандартный конфиг vue-cli - ничего плохого в его использовании нет.

У angular cli в этом плане получше - там можно выбрать, что делать с кастомным конфигом - примешать к стандартному, или заменить им стандартный. У vue, несколько я знаю, такой возможности нет.

P.S. у меня vue-cli не может нормально собрать свежеесозданный проект с vuetify, приходится понижать версию sass-loader. За такие "фишки" отдельные лучи добра.

https://xkcd.ru/1425/ комикс в тему. Компании вроде Гугла тратят очень много денег на реализацию такого поиска. Ваше решение может не работать потому-что при поиске нужно оба значения приводить в один регистр, и использовать includes вместо indexOf (или уже проверять indexOf >= 0, с нуля же индексы)

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

Можете попробовать через devtools ограничить скорость скачивания до очень маленьких величин и увидеть, как событие progress срабатывает несколько раз после того, как сервер отдал вам заголовки.

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

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

Примерно так. Или вам нужно в реальном времени?
https://pastebin.com/ATE3X9wv