vue-lazy-hydration
vue-lazy-hydration copied to clipboard
maoberlehner
Support vue 3 ?
Hopefully this package will be obsolete with the release of Nuxt 3 / Vue 3
Hey, I was wondering what the state of lazy hydration with vue 3 is right now (can't find much about it except this repo). I saw your blog post from november 2020 stating that you are porting this package to vue 3, so I guess that means it's not obsolete after all? Perhaps this issue should be reopened if so so we can follow its progress.
Just researching options for a project, not in immediate need but having this work would definitely settle things :)
I was uncomfortable with starting a Vue 3 project until I knew this could be done, so I quickly knocked up something to work with Vue 3
https://gist.github.com/danelowe/82d870674bac81a9aaa37eb29caaa42c
It seems to work ok with the import wrappers.
Also seems to work with LazyHydrate as long as you don't forget to use defineAsyncComponent when loading any async the components that go into the slot.
The Vue 3 Version will take advantage of a couple of improvements that are possible thanks to the new Vue 3 API. I have a Proof of Concept version running but it will not be released before Nuxt 3 (although not directly related and not limited to Nuxt).
@maoberlehner Is it possible to see the proof of concept, or anywhere to look to see what can be done with hydration in Vue 3?
Any updates on this or still just waiting on nuxt 3? Would also be interested if you could share anything early... Thanks for your work on this nonetheless!
@maoberlehner thank you for your wonderful work. Nuxt 3 RC will be released this month. Do you have an ETA? 😄
Achieving lazy hydration in Vue 3 from scratch : https://blog.logrocket.com/vue-3-lazy-hydration-from-scratch/
Someone made a lazy hydration library for Vue 3 🎉 https://github.com/freddy38510/vue3-lazy-hydration
Tested it with a nuxt 3 app -> works great!
