Prevent rerendering of page going back

I have a structure like this
pages/
  list.vue
  list/
    [filter1]/
      [filter2].vue
    [filter1].vue
    single-[post-id]/
      [post-author].vue

with the [post-author].vue acting like a modal inside of list that has a <NuxtPage /> inside it. I added a
key
inside of
definePageMeta
in the list.vue file
When i scroll through it and enter a single post and go back, it remains intact and works perfectly without rerendering. However, if I visit some filters and then enter the post and go back, the filters re-render as the post is not a child of filters but of list.

Is there any way to prevent rerendering /list children whilst navigating from list/single-123/[post-author] to list/filter1/filter2 ?
Was this page helpful?