FODD

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

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

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

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

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

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

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