Is there a version that can be used in vue3?

[AmKang]

Hello, is there a version suitable for vue3, or use examples?

[wobsoriano]

You can use this inside a Vue 3 app via https://github.com/privatenumber/vue-2-3

Here's a working example https://codesandbox.io/s/vue3-infinite-loading-63rqj

https://github.com/wobsoriano/vue3-infinite-loading

[nVitius]

I've also made a PR with support for Vue 3: #312

I'm not sure if @PeachScript is still maintaining this repo though.

[Botz]

thanks @nVitius

[wobsoriano]

I've also made a PR with support for Vue 3: #312

I'm not sure if @PeachScript is still maintaining this repo though.

Awesome!

[PeachScript]

Thanks for the greate work from @nVitius , there has an pre-alpha version vue-infinite-loading@3.0.0-alpha.0-0 base on the #312 branch, as the temporary way for Vue.js 3.0 projects. PR #312 still need some time to be reviewed.

It would be better if you could test it with your projects and feedback :D

[liho98]

Thanks for the greate work from @nVitius , there has an pre-alpha version vue-infinite-loading@3.0.0-alpha.0-0 base on the #312 branch, as the temporary way for Vue.js 3.0 projects. PR #312 still need some time to be reviewed.

It would be better if you could test it with your projects and feedback :D

slots not working

[totallynotbakadestroyer]

Thanks for the greate work from @nVitius , there has an pre-alpha version vue-infinite-loading@3.0.0-alpha.0-0 base on the #312 branch, as the temporary way for Vue.js 3.0 projects. PR #312 still need some time to be reviewed.
It would be better if you could test it with your projects and feedback :D

slots not working

For me, they are working greatly in Vue 3. What's your issue?

[liho98]

Thanks for the greate work from @nVitius , there has an pre-alpha version vue-infinite-loading@3.0.0-alpha.0-0 base on the #312 branch, as the temporary way for Vue.js 3.0 projects. PR #312 still need some time to be reviewed.
It would be better if you could test it with your projects and feedback :D

slots not working

For me, they are working greatly in Vue 3. What's your issue?

Thanks, its working, my bad i was using <slot name="spinner">hey loading...</slot>, after try your code snippet with <template #spinner>hey loading...</template>, and its working. Thanks you!

[gavrashenko]

Version for Vue3 ( https://github.com/ts-pro/vue-eternal-loading ) can be used with TS / JS / Browser. Native visibility detection based on Intersection Observer.

[wobsoriano]

Here's another one if you don't want to install any https://gist.github.com/wobsoriano/41a01290a9967c7f39077fe5c4a70436

[AndreiHudovich]

Version for Vue3 ( https://github.com/ts-pro/vue-eternal-loading ) can be used with TS / JS / Browser. Native visibility detection based on Intersection Observer.

@gavrashenko Almost seamlessly replaced "vue-infinite-loading" with your library. Works perfectly! Way to go!

[lk77]

Hello,

any news ?

the vue 3 version is still in alpha ?

And btw using <template #spinner/> causes an error :

vue-infinite-loading.esm.js?3790:451 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'type')
    at eval (vue-infinite-loading.esm.js?3790:451:1)
    at Array.forEach (<anonymous>)
    at Proxy.slotStyles (vue-infinite-loading.esm.js?3790:446:1)
    at ComputedRefImpl.reactiveEffect [as effect] (vue.esm-bundler.js?19a6:418:1)
    at ComputedRefImpl.get value [as value] (vue.esm-bundler.js?19a6:1252:1)
    at Object.get [as slotStyles] (vue.esm-bundler.js?19a6:4607:1)
    at Object.get (vue.esm-bundler.js?19a6:9618:1)
    at Proxy.eval (vue-infinite-loading.esm.js?3790:702:1)
    at renderComponentRoot (vue.esm-bundler.js?19a6:2640:1)
    at componentEffect (vue.esm-bundler.js?19a6:7397:1)

it seems it assumes a node will be present in the slot

i fixed it by doing : <template #spinner><div></div></template>

[ogulcankarayel5]

I am getting this error on alpha version

Uncaught (in promise) TypeError: _ref is undefined