Vue 3.5 - Lazy Hydration does not work

[HummingMind]

Describe the bug

Lazy Hydration, introduced in Vue 3.5, does not seem to work with vite-ssg.

index.vue

<script setup>
import { defineAsyncComponent, hydrateOnInteraction } from "vue";

const AsyncComp = defineAsyncComponent({
  loader: () => import("../components/Counter.vue"),
  hydrate: hydrateOnInteraction("wheel"),
});
</script>

<template>
  <AsyncComp />
</template>

Basically, the Counter should not work until it is hydrated by scrolling the mouse wheel. But it hydrates as soon as the async component is loaded.

Reproduction

The multiple-pages sample + code above

System Info

Node 22
vite-ssg 0.24.1

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

Contributions

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests (actually just go ahead and do it, thanks!)