x-cloak is added again after a Livewire request happens

[jnstr]

Livewire version

v3.4.11 and v3.4.12

Laravel version

v10 and v11

Which PHP version are you using?

PHP 8.3

Steps To Reproduce

1. Create a Blade component (e.g. for a dialog) including a template with x-teleport, where the root element of the template has the x-cloak attribute set
   • see https://github.com/jnstr/lrvl-teleport/blob/main/resources/views/components/dialog.blade.php for an example
2. Create a Livewire component that uses this Blade component, and make sure that you change the Livewire component state in some way (e.g. a button that triggers a method)
   • see https://github.com/jnstr/lrvl-teleport/blob/main/resources/views/livewire/dialog.blade.php for an example
3. When a Livewire request happens (e.g. click on a button), the x-cloak attribute is added again to the root element of the template, hiding the content of the template again

Repository or Wirebox URL

https://github.com/jnstr/lrvl-teleport/tree/main

Additional information

This issue first occured v3.4.11, it worked fine before, rollback to v3.4.10 fixed the issue. It seems to work fine without the Blade component.

When debbuging this, I noticed that the toAttributes contains x-cloak (https://github.com/alpinejs/alpine/blob/60cf5a841acd5aab3aa3c8b1aad9b688c14c2547/packages/morph/src/morph.js#L94), so it looks like a combination of Livewire and Alpine in a particular edge case

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be removed if I haven't met the criteria above.

[jnstr]

It does work when x-cloak is added to the child of the root element:

doesn't work

<template x-teleport="body">
    <div x-cloak x-show="showModal">
        {{ $content }}
    </div>
</template>

works

<template x-teleport="body">
    <div x-show="showModal">
        <div x-cloak>
            {{ $content }}
        </div>
    </div>
</template>