Vue version

3.3.4

Link to minimal reproduction

https://play.vuejs.org/#__SSR__eNqtU0tv2zAM/iuELumAzjn0lmXdo+ihA/bAulvdgxExsTJFMiQ6CxDkv4+S/EjgxCiKnkyTH6mP5Me9+FJV2bZGMRNzwk2lC8Lb3ADMv6Opo9XYDxwGUqTxYy7KXNzOp637IgxfBtNvCrNDWPplcz49apJ//cKpithWm8o6ggADWDq7gUkWk8JwJifx+NgJJngaHEBucBexEpdFrQn2wbuwXMCgIT+DPWMC9ZB63ZuhSvg7sO/wIdKbNvzEtWi5DBcl1badhdeWuPf4SX2n4MW2z1GVBRVX75IN4JBqZ9o/bqRUWjo0M3h6Tr5DSxqgcnarJF7OhqrgXJoBlcoP0sOQakLJI0oxjaav1VULuVnLI2PMispBrQ1SaWWYdgoVUt6FlCtP7qjkaa2q9mUEHJdL2+h2kRveBvmFNUu1ytbeGl5JrJeL0IDS6H5WpKzxueiez0Whtf33LfrI1dgsnnNKXPw941/7XfDl4pdDj27Lt9TFqHArpBS+f/yBO7a74MbKWjN6JPgbvdV14JhgX2sjmfYRLrJ9iKJXZvXH3+8IjW+bCkT7UeeCdXk30npP9ya7aWfaaLq9nTFd7/fpuA9xIenfUqEhOV6lcpZq1asjlp/BIznutu9s7BTGdBvZHSt3OoXP5N+rlbEOm/M/1XM6jE9BzoP6yqxxwUfzNEmoyXN61iH3Kvt3zr1yUrw7guiNTUepn9H44T8ca/6k

Steps to reproduce

1. open the repo link.
2. And the error will show in the page.

What is expected?

no error

What is actually happening?

thorw error Hydration completed but contains mismatches

System Info

No response

Any additional comments?

No response

It seems to duplicate https://github.com/vuejs/core/issues/7285 the clear warning messages: see https://stackblitz.com/edit/github-zzpvbn?file=server%2FMain.vue