Set $route meta data dynamically.

What problem does this feature solve?

For SEO / Layout purpose good to have $route.setMeta method to update current route’s meta information because if we view an artical, I’ll fetch artical title using route param first, then We can set the page title.

please advice me.

What does the proposed API look like?

To update current route meta data

this.$route.setMeta({
    title: "Example title from service."
})

Then we can have separete hook for route modifed like

router.onUpdate((route) => {
    // do something here
    document.title = route.meta.title;
})

[posva]

Use the meta fields: https://router.vuejs.org/guide/advanced/meta.html#route-meta-fields

[JustineMiko]

Hi @fuoridallarete, Did you find a solution for this issue about making your breadcrumb title dynamic inside metafields ?