Subscribe on changes!

Dynamic Component Transition Not Working >3.2.33

avatar
Dec 9th 2022

Vue version

3.2.34

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-dd7b22

Steps to reproduce

-> npm run dev -> click the button to switch pages -> the transition does not work

What is expected?

The page is expected to transition, as it does prior to version 3.2.34

What is actually happening?

The page is not transitioning. It only works if you remove mode="out-in" from the Transition tag.

System Info

No response

Any additional comments?

No response

avatar
Dec 9th 2022

You should change to this.

<template>
++<div>
    <div>Page1</div>
    <button @click="page = 'Page2'">click to switch to Page2</button>
++</div>
</template>

<script setup>
import { page } from '../state';
</script>

The console has given a warning:

image