[Server components] Hydration mismatch and failed teleport with nuxt-client and nuxtlink

[Rigo-m]

Environment

• Operating System: Darwin
• Node Version: v20.12.2
• Nuxt Version: 3.12.3
• CLI Version: 3.12.0
• Nitro Version: 2.9.7
• Package Manager: bun@1.1.13
• Builder: -
• User Config: devtools, modules, compatibilityDate, i18n, experimental
• Runtime Modules: @nuxtjs/i18n@8.3.1
• Build Modules: -

Reproduction

https://github.com/Rigo-m/nuxt-link-hydration-mismatch

Describe the bug

There's an hydration error due to the nuxt-active-class being applied client side and not server side, but also there are some failed teleports in console in the nuxtlink inside a component marked with nuxt-client.
This leads also to the links being treated as normal html anchors

Additional context

No response

Logs

No response

[they-cloned-me]

Can you create a repro on Stackblitz or CodeSandbox

[Rigo-m]

Can you create a repro on Stackblitz or CodeSandbox

Sure. You can take the github reproduction repository that I made and substitute github.com with stackblitz.com/github, like this
https://stackblitz.com/github/Rigo-m/nuxt-link-hydration-mismatch