Livewire with vuetifyjs

#1

I’m using vuetifyjs with laravel 7 on the latest version of livewire v1.0.13.

The problem I’m having is getting swapped out code markup, works just fine but the page wont re-render the vuetify markup.

The initial page loads everything renders perfectly. However, when I try to swap out a section of html containing vuetify markup the new html is received from livewire just fine but the browser wont re-render it.

Steps to Reproduce:
from the toolbar livewire component blade, initial render is fine:

div
v-icon medium color=“orange darken-3” style=“opacity: .8;”>{{ $icon }}/v-icon
v-toolbar-title class=“ml-2” style=“margin-bottom: -2px;”>{{ $title }}/v-toolbar-title
/div

Updated markup is received as expected just the dom doesn’t re-render it.

Any help would be appreciated.

#2

Hey there. I would like to help. I’ve been using Vuetify on a full blown SPA, and am going Livewire on a new project, and am willing to use the combination.

But this is mega hard to help with this context. Is there a repository we can look at?

#3

Sorry, was away for a git. I dont have a repository yet that i can share. Thank you for the offer, just seems so far that livewire does not support swapping out sections that are part of javascript object frameworks?

Can anyone confirm this?

#4

I replied to the thread and not to you, i was away so sorry for late reply. Thanks for your offer, i dont have a repository set up that i can share. I’d love to get vuetify working with livewire but i’d have to do a lot more digging into how livewire swaps out the markup, kinda puzzled on how to make the swapped out objects re-render themselves.