Hydration error with \r in text

[gibkigonzo]

Environment

---

• Operating System: Linux
• Node Version: v16.17.0
• Nuxt Version: 3.7.3
• CLI Version: 3.8.3
• Nitro Version: 2.6.3
• Package Manager: yarn@1.22.19
• Builder: -
• User Config: telemetry
• Runtime Modules: -
• Build Modules: -

---

Reproduction

Nuxt 2 (works) https://codesandbox.io/p/sandbox/black-http-w2ztvn?file=/components/Logo.vue:1,11-4,10
Nuxt 3 (doesn't work) https://codesandbox.io/p/sandbox/gifted-payne-y2lxwl?file=/app.vue:4,10

Describe the bug

When I have in text \r then I get hydration error.

For example:

<template>
  <span>
    {{ "Some text \r" }}
  </span>
</template>

This results in:

It works in Nuxt2 (there is no error), but doesn't work in Nuxt 3.

Additional context

No response

Logs

No response

[danielroe]

This is almost certainly a Vue core SSR bug. See, for example, vuejs/core#6410.

Here's a reproduction without Nuxt: https://stackblitz.com/edit/github-br5fds?file=src/App.vue.

Would you open an issue upstream on https://github.com/vuejs/core if one doesn't already exist? 🙏

[gibkigonzo]

@danielroe thanks for quick response. Yep, I've checked with latest vue and it also shows error in core. Here is issue vuejs/core#9229