|
@@ -16,30 +16,6 @@
|
|
|
<script src="/dist/alpine.js" defer></script>
|
|
|
</head>
|
|
|
<body>
|
|
|
- <div x-data="{ open: false }">
|
|
|
- <button @click="open = ! open">toggle</button>
|
|
|
-
|
|
|
- <div x-data="{hey: 'there'}" x-text="hey"></div>
|
|
|
-
|
|
|
- <template x-if="open">
|
|
|
- <div x-data="{foo: 'bar'}">
|
|
|
- <span x-text="foo"></span>
|
|
|
- <button @click="foo = 'baz'"></button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
-
|
|
|
- <hr>
|
|
|
-
|
|
|
- <template x-if="open">
|
|
|
- <span>
|
|
|
- <div x-data="{foo: 'bar'}">
|
|
|
- <span x-text="foo"></span>
|
|
|
- <button @click="foo = 'baz'"></button>
|
|
|
- </div>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
-
|
|
|
<table>
|
|
|
<thead>
|
|
|
<tr>
|