client:only causes component contents to be deleted in output (v3)

[xiBread]

Astro Info

Astro                    v3.0.5
Node                     v20.5.1
System                   macOS (arm64)
Package Manager          npm
Output                   hybrid
Adapter                  @astrojs/vercel/serverless
Integrations             @astrojs/tailwind
                         @astrojs/vue
                         @astrojs/mdx

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

Building a project with components using the client:only directive results in its contents disappearing, e.g., building this:

<!-- Component.vue -->
<template>
	<div class="hello">
		Lorem ipsum.
	</div>
</template>

<!-- index.astro -->
<Component client:only="vue">

↓↓↓

<!-- dist/index.html -->
<astro-island ...></astro-island>

If I add a <slot /> to the component, the slotted content is placed, but all other elements are ignored:

<!-- Slotted.vue -->
<template>
	<div class="a">
		<slot />
	</div>

	<div class="b"></div>
</template>

<!-- index.astro -->
<Slotted client:only="vue">
	<p>Lorem ipsum</p>
</Slotted>

↓↓↓

<!-- dist/index.html -->
<astro-island ...>
	<template data-astro-template>
		<p>Lorem ipsum</p>
	</template>
</astro-island>

Screenshots from my project:

v2.10.14
v3.0.5
Console output

What's the expected result?

The contents are preserved.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-4wkbtj?file=dist%2Findex.html

Participation

• I am willing to submit a pull request for this issue.

[natemoo-re]

This one may have been my fault! I refactored the Vue renderer in #8264 and may have caused a regression for client:only.

I'm pretty sure you can pin to @astrojs/[email protected] until we get this fixed!

[xiBread]

Upon further testing, I was able to get the above reproduction working using @astrojs/node, so this could be an issue with the Vercel integration.

[xiBread]

This seems to have been fixed in one of the latest releases.