Tengo algunos problemas con las metaetiquetas de Vue 3. El problema es que, cuando quiero establecer un valor para el enrutador, está cargando la configuración dos veces y enviando todas las solicitudes y todo en la configuración () al doble.

Entonces tengo el enrutador definido así:

 { path: '/product/:id', name: 'products', component: () => import('@/components/layouts/layout.vue'), children: [ { path: '', name: 'product.details', meta: { title: "My website", layout: 'default', requiredAuth: false, breadcrumbs: ref("") }, props: (route: any) => ({ id: parseInt(route.params.id), }), component: () => import('@/components/views/ProductDetailsPage.vue'), } }

Así que en ProductDetailsPage.VUE tengo la función useRoute y asignando el valor de migas de pan, y se ve así:

 setup() { const route = useRoute(); route.meta.breadcrumbs.value = 'test' }

Lo siento, no puedo compartir el código completo aquí, pero el problema está claramente en esta línea de código. Cuando route.meta.breadcrumbs.value = 'test' , funciona bien, pero necesito configurar estas migas de pan.

Alguien tuvo problemas similares? ¿Estoy haciendo algo mal aquí?