Use alpine JS outside a livewire component

#1

What seems to be the problem:

I want to create a simple Alpine object that won’t sit within a livewire component. Currently it doesn’t work and I assume this is livewire limiting the scope of Alpine. Is there a way we can open it further?

Steps to Reproduce:

<div x-data="{search:''}">
    <input type="text" x-model="search">
    <div x-text="search"></div>
</div>

Are you using the latest version of Livewire:

I’m using v1.0.14

#2

Hello,

I have a silly question : did you install AlpineJS?

I’m asking this question because I thought alpine was provided with livewire, which is not the case and you have to install it separetely :wink: