App created with 'createSSRApp()' on the client side is not unmounted when call 'app.unmount()' method.
Vue version
3.2.33
Link to minimal reproduction
https://stackblitz.com/edit/vitejs-vite-jycpna?file=src/main.js
Steps to reproduce
- open reproduction link
- wait 3 seconds
What is expected?
After 3 seconds of opening the reproduction link, the vue app should unmount. The counter should not work.
What is actually happening?
Even though app.unmount() is called, the counter is still running. Even if the app is created with createSSRApp()
on the client side, it must be unmounted when the app.unmount()
method is called. Just like createApp()
.
System Info
No response
Any additional comments?
- The reproduction link is not using ssr. But it's the same for projects that use ssr.
- On the other hand, in reactjs, unmounting the hydrated thing with ReactDOM.unmountComponentAtNode() works well. see https://codesandbox.io/s/react-ssr-example-y5wnm4?file=/src/client.js (If '502 bad gateway' appears, press the refresh button. )
why would you use createSSRApp() on the client side when it's for the server-side?
Edit: I'm a dumb-dumb.
When using ssr, must use 'createSSRApp()' on the client side. This is also stated in the vue.js ssr guide document. https://vuejs.org/guide/scaling-up/ssr.html#client-hydration
@LinusBorg
Thank you very much for the bug fix. I checked by installing the bug-fixed version (3.2.36). However, the container._vnode = vnode
code seems to be missing. Please check if the build is not successful.
Oh, I misunderstood. Sorry. When is the release?