titleTemplate is not working when titleChunk is undefined

[morugetsm]

Environment

• Operating System: Darwin
• Node Version: v19.1.0
• Nuxt Version: 3.0.0
• Nitro Version: 1.0.0
• Package Manager: npm@8.19.3
• Builder: vite
• User Config: modules, runtimeConfig, vite
• Runtime Modules: @nuxtjs/color-mode@3.1.8
• Build Modules: -

Reproduction

use titleTemplate without title

Describe the bug

titleTemplate in useHead is working with these well.

• nuxt.config.ts -> app.head.title
• script -> useHead.title
• template -> <Title/>

But when I remove title, page title does not change.
After refresh, 'localhost:3000/' is shown rather than default title although titleTemplate function is called.

I'm not certain this is a bug or not.
If I miss something, How can I print 'Title' that located on third position of optional operator in titleTemplate?

Additional context

No response

Logs

No response

[danielroe]

cc: @harlan-zw

[DrPepperG]

Upgraded from v3.0.0-rc.13 to v3.0.0 and can confirm the same issue.

useHead({
    titleTemplate: (title) => { return title ? `${title} | ${$settings.site_name}` : `${$settings.site_name}` }
})

Title element is not created in head until moving to a page with a defined title parameter, then persists when moving back to undefined title page.

[dosstx]

same here (issue only happens with v3 not any RC versions).

[harlan-zw]

Thanks for reporting this issue.

Have isolated the problem as described, if you don't manually reset the head with null, it won't update. This is now fixed with @vueuse/head 1.0.17.

To upgrade either delete lock file / node_modules and re-install or manually depending on this version.

Let me know if you have any trouble :)

[morugetsm]

I works well. Thank you so much!!