useHead() seems to be strongly recommended for setting page titles & other meta, great, it works... but how can I access the current page meta data globally, in any component? Previously I used some form of {{ route.meta.title }} to do so, however, route.meta doesn't seem to be affected by changes made with useHead(). Use cases: a global header component, or perhaps some kind of breadcrumb component living in a layout. I literally just need the current page title, anywhere.
#How to get page title globally when using useHead() ?
gentle stirrup
dense flax
Hello,
I know I'm almost 2 years late to the party xD
but did you find a solution to this?
narrow cedar
best solution is to make your own useTitle() function that wraps useHead() otherwise you can look at how Nuxt Scripts is handling it https://github.com/nuxt/scripts/blob/main/src/runtime/composables/useScriptEventPage.ts