Vue is validating properties in a livewire component

Question

I am using livewire in a Laravel 7 and laravel-ui project.

I created a component with livewire like this:

This is the only component on the page and I am getting this error from vue:

I don't know why vue is validating that component's property. I tried to install livewire/vue but nothing works.

I don't know what else to do. I will appreciate any hint

user_14506512 · Answer

Vue and livewire are competing over who owns the html.

Or you can tell livewire to ignore a block with wire:ignore, the following page will show examples of using it: https://laravel-livewire.com/docs/2.x/alpine-js#creating-a-datepicker

In your case, wrap the code in a div and use v-pre on it.

...