No refetch after changing query parameters

[dkd-lehnebach]

I'm currently integrating solr into a nuxt-typo3 project and i'm facing
the following problem:

async submit() {
  await navigateTo({
     query: {
      'tx_solr[q]': this.searchTerm
    },
    replace: true
  })
},

When i trigger the submit function, the url in the address bar changes but
the data from TYPO3 is not refetched. Only when i hit the browser reload button
the data will be loaded.

To get it running I'm temporary using reloadNuxtApp() instead of navigateTo()

reloadNuxtApp({
  path: '?tx_solr[q]='+this.searchTerm
 });

[mercs600]

Hi @dkd-lehnebach, you can add a watcher for the route query at the page level to refresh pageData.

<template>
  <T3BackendLayout
    v-if="pageData?.content"
    :name="backendLayout"
    :content="pageData.content"
  />
</template>

<script setup lang="ts">
const { headData, pageData, backendLayout, getPageData } = await useT3Page()
useHead(headData)
const route = useRoute()

watch(() => route.query, async () => {
  await getPageData(route.fullPath)
})

</script>

To achieve this, you need to override our dynamic page. Refer to the documentation here: -> https://t3headless.macopedia.io/nuxt-typo3/guide/override-page#step-1-create-a-new-slugvue-file
We will explore ways to handle this at the library level.