<Transition appear/> not working

[StitiFatah]

Environment

• Operating System: Linux
• Node Version: v16.19.0
• Nuxt Version: 3.6.5
• Nitro Version: 2.5.2
• Package Manager: yarn@1.22.19
• Builder: vite
• User Config: devtools, modules
• Runtime Modules: @nuxtjs/tailwindcss@6.8.0, @vueuse/motion/nuxt@2.0.0
• Build Modules: -

Reproduction

https://codesandbox.io/p/sandbox/sleepy-bash-rkcwq7

Describe the bug

The vue docs says : If you also want to apply a transition on the initial render of a node, you can add the appear prop.
https://vuejs.org/guide/built-ins/transition.html#transition-on-appear

There is no transition on the initial render with nuxt, it however works when unmounting/remouting the node afterwards.

Working fine on vanilla vue : https://codesandbox.io/p/sandbox/jovial-kapitsa-qvhxzt

Additional context

No response

Logs

No response

[danielroe]

I think this is a Vue SSR issue - see if you can reproduce without Nuxt with https://stackblitz.com/github/nuxt-contrib/vue3-ssr-starter

[danielroe]

Confirmed - see https://stackblitz.com/edit/github-85wcaq?file=src/App.vue. We can track upstream in vuejs/core#6951.