Estoy usando VUE3, quasar y mecanografiado en mi proyecto, y siempre usé componentes definidos en mis rutas (eso significa que nunca llamo a componentes del componente principal). Tengo una página de índice donde se enumeran los productos cuando el usuario busca y pagina algo y va a la página de edición del producto y vuelve a la página de índice. Quiero que el usuario vea su estado de búsqueda, me refiero a la palabra clave y la paginación donde lo dejó. En resumen, el usuario necesita ver la página tal como la dejó. Para esto, tengo que evitar que la página se vuelva a procesar al volver a la página anterior. Usé keep-alive y todas sus variaciones para que esto sucediera. así que aquí está mi index.vue donde llamo a la vista del enrutador

 router-view(v-slot="{ Component }") keep-alive component(:is="Component" :key="$route.name")

y así es como declaro mis rutas,

 { path: 'products', name: 'Products', component: () => import('@/pages/products/index.vue'), },

Cuando el usuario hace clic en cualquier botón de edición donde se muestran los productos aquí está el código del botón

 q-btn(:to="{ name: 'ProductsDetail', params: { _id: props.row._id } }")

¿Cómo puedo resolver esto? Intenté todas las preguntas de Stackoverflow para solucionarlo, pero ninguna funciona. ¿Qué estoy haciendo mal?