Support for vue runtime compiler

[LionelPaulus]

Environment

• Operating System: Darwin
• Node Version: v18.18.0
• Nuxt Version: 2.17.2
• CLI Version: 3.10.0
• Nitro Version: 2.8.1
• Package Manager: [email protected]
• Builder: webpack
• User Config: bridge, alias, modern, ssr, components, head, css, loading, plugins, render, router, modules, buildModules, image, runtimeConfig, env, styleResources, vue, build, hooks, serverHandlers, devServerHandlers, devServer, typescript, nitro
• Runtime Modules: [email protected], @nuxtjs/[email protected], @nuxtjs/[email protected], [email protected]
• Build Modules: (), @nuxt/[email protected], ~/modules/generate-redirects, @storyblok/nuxt-2/[email protected], @nuxt/[email protected]

Reproduction

Same as in this issue: nuxt/nuxt#13843 (comment)

Can be reproduced in this Stackblitz also: https://stackblitz.com/edit/stackblitz-starters-ohstyk?file=components%2FTutorial.vue

1. Run npm run build
2. Run npm run start
3. Load the homepage
4. You should get a "Cannot convert object to primitive value" error

Describe the bug

This has been fixed for Nuxt 3 in this PR but how to solve the issue with Nuxt-bridge?

I tried using nuxt-runtime-compiler but it didn't work.

Thanks!

Additional context

No response

Logs

No response

[LionelPaulus]

@huang-julien as you are both the author and the solver of the original issue, maybe you can help? 🙏

[huang-julien]

Hi 👋

I don't have the issue on your stackblitz 🤔

[jcwieme]

Hi @huang-julien 👋
The error appears when we build for ssr and preview (npm run build && node .output/server/index.mjs)
If the string we're passing through contains only Vue components, it works.

<div>
  <component is="nuxt-logo" />
  <NuxtLogo />
</div>

But if you mix classic html tags with text, you'll get an error.

<div>
  <component is="nuxt-logo" />
  <NuxtLogo2 />
  if we add <bold>text</bold>
</div>

[nuxt] [request error] [unhandled] [500] Cannot convert object to primitive value
at RegExp.test ()
at ./.output/server/chunks/handlers/renderer.mjs:557:43340
at Object.chars (./.output/server/chunks/handlers/renderer.mjs:557:43667)
at Kr.warn (./.output/server/chunks/handlers/renderer.mjs:557:40751)
at Kr (./.output/server/chunks/handlers/renderer.mjs:557:41891)
at to (./.output/server/chunks/handlers/renderer.mjs:557:64137)
at t (./.output/server/chunks/handlers/renderer.mjs:557:64679)
at ./.output/server/chunks/handlers/renderer.mjs:557:63648
at lo (./.output/server/chunks/handlers/renderer.mjs:557:66092)
at go (./.output/server/chunks/handlers/renderer.mjs:557:69819)