Using single quotes for wire:click attribute on a blade component doesn't work

[mattkibbler]

Hi there,

I started a discussion here that has more detail.

In summary, when passing data to a modal the README recommends using single quotes for the wire:click attribute like this:

<button wire:click='$emit("openModal", "edit-user", {{ json_encode(["user" => $user->id]) }})'>Edit User</button>

...but if you use this approach for a blade component like this:

<x-button wire:click='$emit("openModal", "edit-user", {{json_encode(["user" => 1])}})'>Edit User</x-button>

...the double quotes within the wire:click attribute get escaped and you end up with something like this:

<button type="button" wire:click="$emit(\"openModal\", \"edit-user\", {&quot;user&quot;:1})">
    Edit User
</button>

... which causes an error when clicking the button.

Instead, I got it working by sticking with using double quotes for the attribute and single quotes for the array within json_encode.

<x-button wire:click="$emit('openModal', 'edit-user', {{ json_encode(['user' => $user->id]) }})">Edit User</x-button>

I thought I'd mention this here incase anybody else runs into this problem.