Environment

• Operating System: Windows_NT
• Node Version: v20.11.0
• Nuxt Version: 3.12.4
• CLI Version: 3.12.0
• Nitro Version: 2.9.7
• Package Manager: [email protected]
• Builder: -
• User Config: compatibilityDate, devtools, modules, eslint, nitro, runtimeConfig
• Runtime Modules: @nuxt/[email protected], @nuxt/[email protected], @nuxt/test-utils/[email protected], @nuxtjs/[email protected], @nuxtjs/[email protected], @pinia/[email protected], @vueuse/[email protected]
• Build Modules: -

Reproduction

I am observing the behaviour in my project https://github.com/AloisSeckar/WBSC-Scoring deployed at Netlify https://wbsc-scoring-dev.netlify.app/

Describe the bug

I am using useSeoMeta wrapped in a composable to include meta tags to my project. It works fine for fully SSR pages, but when I tried to have part of my page <ClientOnly> because of hydration mismatch issues related to i18n module, meta tags were not visible for Facebook crawler at all.

This commit commenting out the <ClientOnly> component made it working again.

Maybe it is intended behaviour, but if so, then I don't understand why? A part of the site is being rendered on server, so it should be enriched with meta tags via useSeoMeta, or?

Additional context

No response

Logs

No response