Перезагрузить роут с помощью Nuxt-link

1. У меня есть компонент ComponentFilterQuery
2. У меня есть 2 страницы index и search

Структура

pages
  search
    index.vue
  index.vue

внутри компонента ComponentFilterQuery есть Nuxt-link

nuxt-link(:to="{ path: 'search', query: { limit: getStr }}") GO TO QUERY

Когда я кликаю по накстлинку с главной страницы то переход работает нормально и с нужными гет параметрами, но только мне стоит кликнуть по нему на странице Search то урла меняется но результаты на странице остаются прежними

getStr это переменная в которой я храню числа и когда я в ней что то меняю я получаю нужный накст линк что то на подобие этого

<a href="http://localhost:3000/search?limit=4">GO TO QUERY</a>

Вот что находится в компоненте ComponentFilterQuery

<template lang="pug">
    div
        | Im Filter
        button(@click="getStr++") Create Nuxt Link
            | {{getStr}}

        br
        br
        br
        nuxt-link(:to="{ path: 'search', query: { limit: getStr }}") GO TO QUERY
</template>

<script>
export default {
    name: "ComponentFilterQuery",
    data() {
        return {
            getStr: '0'
        }
    },
}
</script>

Вопрос заключается в следующем, как правильно реализовать перезагрузку результатов, потому как URL меняется а содержимое страницы нет