fix: nuxt4 Error

[FuwenChen]

🐛 The bug

500
useHead() was called without provide context, ensure you call it through the setup() function.

Customize this page
at injectHead (https://portal.local.ailawyers.cn/_nuxt/@fs/Users/developer/code/deli/front/deli-web-portal-front/node_modules/@unhead/vue/dist/shared/vue.BYLJNEcq.mjs?v=ed125ca9:26:9)
at useHead (https://portal.local.ailawyers.cn/_nuxt/@fs/Users/developer/code/deli/front/deli-web-portal-front/node_modules/@unhead/vue/dist/shared/vue.BYLJNEcq.mjs?v=ed125ca9:29:32)
at useHead (https://portal.local.ailawyers.cn/_nuxt/@fs/Users/developer/code/deli/front/deli-web-portal-front/node_modules/nuxt/dist/head/runtime/composables.js?v=ed125ca9:26:10)
at setup (https://portal.local.ailawyers.cn/_nuxt/@fs/Users/developer/code/deli/front/deli-web-portal-front/node_modules/nuxt-seo-utils/dist/runtime/app/plugins/titles.js?v=ed125ca9:29:5)
at https://portal.local.ailawyers.cn/_nuxt/@fs/Users/developer/code/deli/front/deli-web-portal-front/node_modules/nuxt/dist/app/nuxt.js?v=631e3271:138:60
at fn (https://portal.local.ailawyers.cn/_nuxt/@fs/Users/developer/code/deli/front/deli-web-portal-front/node_modules/nuxt/dist/app/nuxt.js?v=631e3271:220:44)
at Object.runWithContext (https://portal.local.ailawyers.cn/_nuxt/@fs/Users/developer/code/deli/front/deli-web-portal-front/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=631e3271:4084:18)
at callWithNuxt (https://portal.local.ailawyers.cn/_nuxt/@fs/Users/developer/code/deli/front/deli-web-portal-front/node_modules/nuxt/dist/app/nuxt.js?v=631e3271:226:24)
at https://portal.local.ailawyers.cn/_nuxt/@fs/Users/developer/code/deli/front/deli-web-portal-front/node_modules/nuxt/dist/app/nuxt.js?v=631e3271:37:41
at EffectScope.run (https://portal.local.ailawyers.cn/_nuxt/@fs/Users/developer/code/deli/front/deli-web-portal-front/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=631e3271:67:16)

🛠️ To reproduce

🌈 Expected behavior

ℹ️ Additional context

No response

[harlan-zw]

Hm this is strange 🤔 I haven't seen it in any of my projects, if you're able to make a minimal reproduction I'll jump on it otherwise will revisit when I have more time.

[joaolisboa]

I'm also seeing this in my project after installing nuxt-seo-utils. It's working in Chrome, Safari mobile, but errors in Safari desktop.

Error: useHead() was called without provide context, ensure you call it through the setup() function.
injectHead — vue.Bm-NbY4b.mjs:28
useHead — vue.Bm-NbY4b.mjs:31
setup — titles.js:28 (nuxt-seo-utils fallback titles)
runWithContext — runtime-core.esm-bundler.js:4065
run — reactivity.esm-bundler.js:81
(anonymous function) — nuxt.js:138
applyPlugin — nuxt.js:136
(anonymous function) — nuxt.js:157
executePlugin — nuxt.js:152
(anonymous function) — nuxt.js:193

Not sure how this fails though, since it seems to be running correctly in context.