Vue Router как сменить адрес страницы, без смены страницы

У меня есть главная страница, у которой есть несколько офисов, которые реализованы через vuex. Когда юзер меняет офис, меняется и контент страницы. Но он меняется динамически, через vuex.

Есть еще вот такая карта, на которой сверху 3 кнопки. Когда юзер жмет на кнопку, осуществляется анимация на карте и анимация на странице. И все работает замечательно.

Проблема в том, что пользователь может попасть на эту страницу по ссылке. Например site.com/office1, и есу нужно сразу показать страницу в таком состоянии. Вторая проблема в том, что пользователь может попасть на страницу site.com/office1/contact, и тогда ему покажется страница контактов, но с состоянием office1.

Фактически я не могу понять, как это сделать, может кто-то дать ссылку на доккументацию по подобной задаче в роуте? При клике на кнопки у меня должна менятся ссылка на /office1 /office2 /office3, но юзер также может нажать на другую ссылку, и тогда перейдет на другую страницу, но office1/ в url останется.

Проблема в том, что при смене страницы, страница меняется. А мне нужно, чтобы при клике на кнопку, менялся адрес сраницы, а страница (vuex) уже сама реагирует, что ей менять