Vue 3 migration

[pnutmath]

are you planning to support vue 3? @antoine92190

[antoine92190]

Yes it’s planned. Not sure how difficult the migration is, so I cannot give any estimate yet

[pnutmath]

I am in for Vue 3 migration @antoine92190

[antoine92190]

It is now possible to use this library with vue 3: https://github.com/antoine92190/vue-advanced-chat#use-in-a-vue-3-project
The usage is not perfect, but the library relies on other projects that are not migrated to vue 3 yet.
This should be soon available though: PeachScript/vue-infinite-loading#312
Until then, you can use this workaround.

[rrolla]

It is now possible to use this library with vue 3: https://github.com/antoine92190/vue-advanced-chat#use-in-a-vue-3-project The usage is not perfect, but the library relies on other projects that are not migrated to vue 3 yet. This should be soon available though: PeachScript/vue-infinite-loading#312 Until then, you can use this workaround.

Trying these steps but it throws error about refs:
Uncaught (in promise) TypeError: ref is undefined
onMessageAdded vue-advanced-chat.common.js:37197

Looks like it's related to this warning:

[Vue warn]: Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function. 

https://v3.vuejs.org/guide/migration/array-refs.html

@antoine92190 do you have idea how to fix this?
thanks

[rrolla]

@antoine92190 i created PR on my fork just to see how i fixed it: https://github.com/rrolla/vue-advanced-chat/pull/1/files
Documentation: https://v3.vuejs.org/guide/component-template-refs.html

[antoine92190]

@rrolla Thanks! Fixed in f51fe72

[yaphuiyi]

@rrolla do you have the code in vue 3 syntax? I am trying to migrate the project to vue 3 but without success :( would appreciate if there is a version in vue 3

[rrolla]

@rrolla do you have the code in vue 3 syntax? I am trying to migrate the project to vue 3 but without success :( would appreciate if there is a version in vue 3

Hey, I was able to run it on vue3 after my fix, what's above ^