Vue - обновление пути запроса роутер-ссылки с помощью объекта, который получает локальное хранилище

Question

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

<router-link :to="{ path: '/trade', query: tradeQuery}" active-class="active" id="btn-trade">Trade</router-link>

computed: {
    tradeQuery() {
        const params = {
            mode: localStorage.getItem('tradeMode') || 'advanced',
            instrument: 'currentTrade',
        };
        return params;
    },
},