Support vue 3 ?

[ghost]

Support vue 3 ?

[maoberlehner]

Hopefully this package will be obsolete with the release of Nuxt 3 / Vue 3

[EdeMeijer]

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 :)

[maoberlehner]

Vue 3 support is planned.

[danelowe]

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.

[maoberlehner]

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).

[danelowe]

@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?

[tjk]

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!

[phiberber]

Nuxt 3 was just released. Any updates?

[Tragio]

@maoberlehner thank you for your wonderful work. Nuxt 3 RC will be released this month. Do you have an ETA? 😄

[Foddy]

The RC is out now. Any chances to see the proof of concept in near future? 🙃

[renardsas]

See this discussion

[renardsas]

Achieving lazy hydration in Vue 3 from scratch :
https://blog.logrocket.com/vue-3-lazy-hydration-from-scratch/

[dsvgl]

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!

[toBeOfUse]

Vue 3.5+ supports lazy hydration natively:
https://vuejs.org/guide/components/async#lazy-hydration