vue icon indicating copy to clipboard operation
vue copied to clipboard

Vue 3 support

Open JoeyHoutenbos opened this issue 4 years ago • 5 comments

Hi all,

I've tried to edit the script to work with Vue 3, but unfortunately I was unable to do so. Has anyone else figured out how to use Livewire in combination with Vue 3?

I hope we can help each other. Or maybe @calebporzio already has something on the roadmap for this?

JoeyHoutenbos avatar May 18 '21 06:05 JoeyHoutenbos

Nothing on the roadmap right now. Would either love a PR or a third party package

calebporzio avatar May 18 '21 13:05 calebporzio

Reading the source code I see that it uses the __vue__ property on the element. In Vue 3, the equivalent is __vueParentComponent.ctx, however this property is only there in development builds.

adriaanzon avatar May 22 '21 14:05 adriaanzon

@calebporzio Took a day or two, but I got Vue 3 support working (I think). However, I am unsure how to proceed in submitting it in any way since it is a rewrite of this entire plugin. Also it requires one minor change in Livewire's main script.

godismyjudge95 avatar Oct 21 '21 01:10 godismyjudge95

hello guys . is there any update about using livewire with vue 3 ?

omaressaouaf avatar Jan 04 '22 18:01 omaressaouaf

hello guys . is there any update about using livewire with vue 3 ?

calebporzio said that Livewire isn't going to support Vue 3 - https://github.com/livewire/vue/pull/38#issuecomment-965980323

As for the pull request (which is my own), I am not going to create a package to support it. Since Livewire's official support is only going to be for Alpine and Vue 2, I think if you really want to use Vue 3 you are probably better either coding the component entirely in Vue or using InertiaJS + Vue 3 (the route I went).

godismyjudge95 avatar Jan 04 '22 22:01 godismyjudge95