[Vue warn]: Hydration node mismatch: - Client vnode: Symbol(Comment)

[lixiaofa]

Vue version

3.2x

Link to minimal reproduction

https://github.com/lixiaofa/nuxt-app.git

Steps to reproduce

pnpm dev

This is the problem on the home page

What is expected?

no vue warn

What is actually happening?

System Info

-

Any additional comments?

[edison1105]

your reproduction is not minimal. Could you provide a demo without any third-party component?

[lixiaofa]

your reproduction is not minimal. Could you provide a demo without any third-party component?

OK. If the third-party component is removed, another error will be reported.

This is the problem on the home page https://github.com/lixiaofa/nuxt-app.git

It should be the same type of error

@edison1105 @LinusBorg

[Laruxo]

Not sure if my issue is related, but I get the same error if I use my PageMeta component with an empty template tag:

<template></template>
<script lang="ts" setup>
  useHead({ ... })
</script>

Solved by adding any comment inside the template <template><!-- No content --></template>

[LinusBorg]

Closing as a reproduction still hasn't been provided