|
@@ -9,38 +9,20 @@
|
|
|
<script src="./packages/alpinejs/dist/cdn.js" defer></script>
|
|
|
<script src="//cdn.tailwindcss.com"></script>
|
|
|
|
|
|
- <div x-data>
|
|
|
- <h1>Hey!</h1>
|
|
|
-
|
|
|
- <template x-teleport="body">
|
|
|
- <h2>Yins!</h2>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
-
|
|
|
<div>
|
|
|
- <button wire:click="increment">inc</button>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div x-data="{ open: @entangle('open') }">
|
|
|
-
|
|
|
- <input wire:model.defer="count">
|
|
|
-
|
|
|
- <div wire:dirty wire:target="count">dirty...</div>
|
|
|
-
|
|
|
- <div x-show="$wire.dirty('count')">dirty...</div>
|
|
|
- <div x-show="$wire.loading('count')">dirty...</div>
|
|
|
- <div wire:loading="">dirty...</div>
|
|
|
- <div wire:loading="">dirty...</div>
|
|
|
+ <!-- if -->
|
|
|
+ <div>foo<input></div>
|
|
|
+ <!-- end -->
|
|
|
|
|
|
+ <div>bar<input></div>
|
|
|
</div>
|
|
|
|
|
|
<main x-data x-ignore style="display: none">
|
|
|
- <div x-data>
|
|
|
- <h1>there!</h1>
|
|
|
+ <div>
|
|
|
+ <!-- if -->
|
|
|
+ <!-- end -->
|
|
|
|
|
|
- <template x-teleport="body">
|
|
|
- <h2>Yons!</h2>
|
|
|
- </template>
|
|
|
+ <div>bar<input></div>
|
|
|
</div>
|
|
|
</main>
|
|
|
|