Caleb Porzio 3 år sedan
förälder
incheckning
800e91cb52

+ 32 - 13677
index.html

@@ -1,13682 +1,37 @@
 <html>
-<script src="./packages/navigate/dist/cdn.js" defer></script>
-<script src="./packages/alpinejs/dist/cdn.js" defer></script>
-
-
-
-<hr>
-<a href="/index2.html">Next</a>
-<hr>
-
-First page:
-
-<div x-dialog x-show="" @close="closeModal" class="relative z-10">
-    <TransitionChild as="template" >
-        <div
-            class="fixed inset-0 bg-black bg-opacity-25"
-            -enter="duration-300 ease-out"
-            enter-from="opacity-0"
-            enter-to="opacity-100"
-            leave="duration-200 ease-in"
-            leave-from="opacity-100"
-            leave-to="opacity-0"
-        ></div>
-    </TransitionChild>
-
-    <div class="fixed inset-0 overflow-y-auto">
-        <div class="flex min-h-full items-center justify-center p-4 text-center">
-            <TransitionChild as="template" enter="duration-300 ease-out" enter-from="opacity-0 scale-95" enter-to="opacity-100 scale-100" leave="duration-200 ease-in" leave-from="opacity-100 scale-100" leave-to="opacity-0 scale-95">
-                <DialogPanel class="w-full max-w-md transform overflow-hidden rounded-2xl bg-white p-6 text-left align-middle shadow-xl transition-all">
-                    <DialogTitle as="h3" class="text-lg font-medium leading-6 text-gray-900">
-                        Payment successful
-                    </DialogTitle>
-                    <div class="mt-2">
-                        <p class="text-sm text-gray-500">
-                            Your payment has been successfully submitted. We’ve sent you
-                            an email with all of the details of your order.
-                        </p>
-                    </div>
-
-                    <div class="mt-4">
-                        <button type="button" class="inline-flex justify-center rounded-md border border-transparent bg-blue-100 px-4 py-2 text-sm font-medium text-blue-900 hover:bg-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2" @click="closeModal">
-                            Got it, thanks!
-                        </button>
-                    </div>
-                </DialogPanel>
-            </TransitionChild>
+    <script src="./packages/intersect/dist/cdn.js" defer></script>
+    <script src="./packages/morph/dist/cdn.js" defer></script>
+    <script src="./packages/history/dist/cdn.js"></script>
+    <script src="./packages/persist/dist/cdn.js"></script>
+    <script src="./packages/focus/dist/cdn.js"></script>
+    <script src="./packages/mask/dist/cdn.js"></script>
+    <!-- <script src="./packages/ui/dist/cdn.js"></script> -->
+    <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>
+
+    <main x-data x-ignore style="display: none">
+        <div x-data>
+            <h1>there!</h1>
+
+            <template x-teleport="body">
+                <h2>Yons!</h2>
+            </template>
         </div>
-    </div>
-</div>
-
-<!-- <div x-data="{ count: $history(1) }" x-navigate:persist="foo">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-</div> -->
-
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
-<div x-data="{ count: 1 }">
-    <span x-text="count"></span>
-
-    <button @click="count++">+</button>
-    <div x-data="{ count: 1 }">
-        <span x-text="count"></span>
-
-        <button @click="count++">+</button>
-    </div>
-</div>
+    </main>
 
-<script x-navigate:once>
-    console.log('hey')
-</script>
+    <button onclick="morph()">morph</button>
 
+    <script>
+        function morph() {
+            Alpine.morph(document.querySelector('div'), document.querySelector('main').innerHTML)
+        }
+    </script>
 </html>

+ 2 - 1
packages/alpinejs/src/alpine.js

@@ -1,6 +1,6 @@
 import { setReactivityEngine, disableEffectScheduling, reactive, effect, release, raw } from './reactivity'
 import { mapAttributes, directive, setPrefix as prefix, prefix as prefixed } from './directives'
-import { start, addRootSelector, addInitSelector, closestRoot, findClosest, initTree } from './lifecycle'
+import { start, addRootSelector, addInitSelector, closestRoot, findClosest, initTree, interceptInit } from './lifecycle'
 import { mutateDom, deferMutations, flushAndStopDeferringMutations, startObservingMutations, stopObservingMutations } from './mutation'
 import { mergeProxies, closestDataStack, addScopeToNode, scope as $data } from './scope'
 import { setEvaluator, evaluate, evaluateLater, dontAutoEvaluateFunctions } from './evaluator'
@@ -38,6 +38,7 @@ let Alpine = {
     deferMutations,
     mapAttributes,
     evaluateLater,
+    interceptInit,
     setEvaluator,
     mergeProxies,
     findClosest,

+ 12 - 1
packages/alpinejs/src/directives/x-teleport.js

@@ -1,13 +1,24 @@
+import { onlyDuringClone, skipDuringClone } from "../clone"
 import { directive } from "../directives"
 import { addInitSelector, initTree } from "../lifecycle"
 import { mutateDom } from "../mutation"
 import { addScopeToNode } from "../scope"
 import { warn } from "../utils/warn"
 
+let teleportContainerDuringClone = document.createElement('div')
+
+// export function getTeleportContainerDuringClone() {
+//     return teleportContainerDuringClone
+// }
+
 directive('teleport', (el, { expression }, { cleanup }) => {
     if (el.tagName.toLowerCase() !== 'template') warn('x-teleport can only be used on a <template> tag', el)
 
-    let target = document.querySelector(expression)
+    let target = skipDuringClone(() => {
+        return document.querySelector(expression)
+    }, () => {
+        return teleportContainerDuringClone
+    })()
 
     if (! target) warn(`Cannot find x-teleport element for selector: "${expression}"`)
 

+ 6 - 0
packages/alpinejs/src/lifecycle.js

@@ -69,9 +69,15 @@ export function isRoot(el) {
     return rootSelectors().some(selector => el.matches(selector))
 }
 
+let initInterceptors = []
+
+export function interceptInit(callback) { initInterceptors.push(callback) }
+
 export function initTree(el, walker = walk) {
     deferHandlingDirectives(() => {
         walker(el, (el, skip) => {
+            initInterceptors.forEach(i => i(el))
+
             directives(el, el.attributes).forEach(handle => handle())
 
             el._x_ignore && skip()

+ 3 - 4
packages/navigate/src/progressBar.js → packages/navigate/src/bar.js

@@ -1,12 +1,12 @@
 
-export function startProgressBar() {
+export function showAndStartProgressBar() {
     createBar()
 
     incrementBar()
 }
 
-export function endProgressBar(callback) {
-    finishProgressBar(() => { destroyBar(); callback() })
+export function finishAndHideProgressBar() {
+    finishProgressBar(); destroyBar()
 }
 
 function createBar() {
@@ -51,7 +51,6 @@ function incrementBar(goal = .1) {
 function finishProgressBar(callback) {
     let bar = document.getElementById('alpine-progress-bar')
     bar.style.transform = 'scaleX(1)'
-    setTimeout(callback, 500)
 }
 
 function destroyBar() {

+ 9 - 0
packages/navigate/src/bus.js

@@ -0,0 +1,9 @@
+let listeners = {}
+
+export function listen(event, callback) {
+    listeners[event] = [...(listeners[event] || []), callback]
+}
+
+export function emit(event, ...props) {
+    (listeners[event] || []).forEach(handle => handle(...props))
+}

+ 6 - 0
packages/navigate/src/fetch.js

@@ -0,0 +1,6 @@
+
+export function fetchHtml(destination, callback) {
+    fetch(destination.pathname).then(i => i.text()).then(html => {
+        callback(html)
+    })
+}

+ 21 - 0
packages/navigate/src/history.js

@@ -1,3 +1,24 @@
+
+export function updateCurrentPageHtmlInHistoryStateForLaterBackButtonClicks() {
+    // Create a history state entry for the initial page load.
+    // (This is so later hitting back can restore this page).
+    let url = new URL(window.location.href, document.baseURI)
+
+    replaceUrl(url, document.documentElement.outerHTML)
+}
+
+export function whenTheBackOrForwardButtonIsClicked(callback) {
+    window.addEventListener('popstate', e => {
+        let { html } = fromSessionStorage(e)
+
+        callback(html)
+    })
+}
+
+export function updateUrlAndStoreLatestHtmlForFutureBackButtons(html, destination) {
+    pushUrl(destination, html)
+}
+
 export function pushUrl(url, html) {
     updateUrl('pushState', url, html)
 }

+ 136 - 130
packages/navigate/src/index.js

@@ -1,26 +1,137 @@
-import { replaceUrl, pushUrl, fromSessionStorage } from './history'
-import { swapPage } from './page'
-import { endProgressBar, startProgressBar } from './progressBar'
+import { transition } from "alpinejs/src/directives/x-transition"
+import { finishAndHideProgressBar, showAndStartProgressBar } from "./bar"
+import { fetchHtml } from "./fetch"
+import { updateCurrentPageHtmlInHistoryStateForLaterBackButtonClicks, updateUrlAndStoreLatestHtmlForFutureBackButtons, whenTheBackOrForwardButtonIsClicked } from "./history"
+import { extractDestinationFromLink, hijackNewLinksOnThePage, whenALinkIsClicked, whenALinkIsHovered } from "./links"
+import { swapCurrentPageWithNewHtml } from "./page"
+import { putPersistantElementsBack, storePersistantElementsForLater } from "./persist"
+import { getPretchedHtmlOr, prefetchHtml, storeThePrefetchedHtmlForWhenALinkIsClicked } from "./prefetch"
+import { restoreScrollPosition, storeScrollInformationInHtmlBeforeNavigatingAway } from "./scroll"
+
+let enablePrefetch = true
+let enablePersist = false
+let showProgressBar = false
+let restoreScroll = false
+let autofocus = false
 
 export default function (Alpine) {
-    setInitialPageUsingHistoryReplaceStateForFutureBackButtons()
+    updateCurrentPageHtmlInHistoryStateForLaterBackButtonClicks()
 
-    // Listen for back button presses...
-    window.addEventListener('popstate', e => handleBackButtonPress(e, Alpine))
+    enablePrefetch && whenALinkIsHovered((el) => {
+        let forDestination = extractDestinationFromLink(el)
 
-    // Listen for any <a> tag click...
-    Array.from(document.links).forEach(el => {
-        el.addEventListener('mouseenter', () => handleLinkHover(el))
-        el.addEventListener('click', e => handleLinkClick(el, e))
+        prefetchHtml(forDestination, html => {
+            storeThePrefetchedHtmlForWhenALinkIsClicked(html, forDestination)
+        })
     })
 
-    document.addEventListener('alpine:navigated', () => {
-        Array.from(document.links).forEach(el => {
-            el.addEventListener('mouseenter', () => handleLinkHover(el))
-            el.addEventListener('click', e => handleLinkClick(el, e))
+    whenALinkIsClicked((el) => {
+        showProgressBar && showAndStartProgressBar()
+
+        let fromDestination = extractDestinationFromLink(el)
+
+        fetchHtmlOrUsePrefetchedHtml(fromDestination, html => {
+            restoreScroll && storeScrollInformationInHtmlBeforeNavigatingAway()
+
+            updateCurrentPageHtmlInHistoryStateForLaterBackButtonClicks()
+
+            showProgressBar && finishAndHideProgressBar()
+
+            preventAlpineFromPickingUpDomChanges(Alpine, andAfterAllThis => {
+                enablePersist && storePersistantElementsForLater()
+
+                swapCurrentPageWithNewHtml(html, () => {
+                    enablePersist && putPersistantElementsBack()
+
+                    hijackNewLinksOnThePage()
+
+                    restoreScroll && restoreScrollPosition()
+
+                    fireEventForOtherLibariesToHookInto()
+
+                    updateUrlAndStoreLatestHtmlForFutureBackButtons(html, fromDestination)
+
+                    andAfterAllThis(() => {
+                        autofocus && autofocusElementsWithTheAutofocusAttribute()
+
+                        nowInitializeAlpineOnTheNewPage(Alpine)
+                    })
+                })
+
+            })
         })
     })
 
+    whenTheBackOrForwardButtonIsClicked((html) => {
+        // @todo: see if there's a way to update the current HTML BEFORE
+        // the back button is hit, and not AFTER:
+        // storeScrollInformationInHtmlBeforeNavigatingAway()
+        // updateCurrentPageHtmlInHistoryStateForLaterBackButtonClicks()
+
+        preventAlpineFromPickingUpDomChanges(Alpine, andAfterAllThis => {
+            swapCurrentPageWithNewHtml(html)
+
+            hijackNewLinksOnThePage()
+
+            restoreScroll && restoreScrollPosition()
+
+            fireEventForOtherLibariesToHookInto()
+
+            andAfterAllThis(() => {
+                autofocus && autofocusElementsWithTheAutofocusAttribute()
+
+                nowInitializeAlpineOnTheNewPage(Alpine)
+            })
+        })
+
+    })
+}
+
+function fetchHtmlOrUsePrefetchedHtml(fromDestination, callback) {
+    getPretchedHtmlOr(fromDestination, callback, () => {
+        fetchHtml(fromDestination, callback)
+    })
+}
+
+function preventAlpineFromPickingUpDomChanges(Alpine, callback) {
+    Alpine.stopObservingMutations()
+
+    callback((afterAllThis) => {
+        Alpine.startObservingMutations()
+
+        setTimeout(() => {
+            afterAllThis()
+        })
+    })
+}
+
+function fireEventForOtherLibariesToHookInto() {
+    document.dispatchEvent(new CustomEvent('alpine:navigated', { bubbles: true }))
+}
+
+function nowInitializeAlpineOnTheNewPage(Alpine) {
+    Alpine.initTree(document.body)
+}
+
+function autofocusElementsWithTheAutofocusAttribute() {
+    document.querySelector('[autofocus]') && document.querySelector('[autofocus]').focus()
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
     // Alpine.magic('history', (el, { interceptor }) =>  {
     //     let alias
 
@@ -79,127 +190,22 @@ export default function (Alpine) {
     //         func.as = key => { alias = key; return func }
     //     })
     // })
-}
+// }
 
-function setInitialPageUsingHistoryReplaceStateForFutureBackButtons() {
-    // Create a history state entry for the initial page load.
-    // (This is so later hitting back can restore this page).
-    let url = new URL(window.location.href, document.baseURI)
 
-    replaceUrl(url, document.documentElement.outerHTML)
-}
 
-function handleBackButtonPress(e, Alpine) {
-    let { html } = fromSessionStorage(e)
+// function replace(url, key, object) {
+//     let state = window.history.state || {}
 
-    document.dispatchEvent(new CustomEvent('alpine:navigating', { bubbles: true }))
+//     if (! state.alpine) state.alpine = {}
 
-    html && swapPage(Alpine, html, () => {
-        document.dispatchEvent(new CustomEvent('alpine:navigated', { bubbles: true }))
-    })
+//     state.alpine[key] = object
 
-    restoreScroll()
-}
+//     window.history.replaceState(state, '', url)
+// }
 
-// Warning: this could cause some memory leaks
-let prefetches = new Map
+// function push(url, key, object) {
+//     let state = { alpine: {...window.history.state.alpine, ...{[key]: object}} }
 
-function handleLinkHover(el) {
-    if (prefetches.has(el)) return
-
-    let destination = new URL(el.getAttribute('href'), document.baseURI)
-
-    prefetches.set(el, { finished: false, html: null, whenFinished: () => {} })
-
-    fetch(destination.pathname).then(i => i.text()).then(html => {
-        let state = prefetches.get(el)
-        state.html = html
-        state.finished = true
-        state.whenFinished()
-    })
-}
-
-function handleLinkClick(el, e) {
-    let destination = new URL(el.getAttribute('href'), document.baseURI)
-
-    let handleHtml = html => {
-        let url = new URL(window.location.href, document.baseURI)
-
-        storeScrollRestorationDataInHTML()
-
-        replaceUrl(url, document.documentElement.outerHTML)
-
-        swapPage(Alpine, html, () => {
-            pushUrl(destination, html)
-
-            document.dispatchEvent(new CustomEvent('alpine:navigated', { bubbles: true }))
-        })
-    }
-
-    document.dispatchEvent(new CustomEvent('alpine:navigating', { bubbles: true }))
-
-    if (prefetches.has(el)) {
-        let state = prefetches.get(el)
-        if (! state.finished) {
-            startProgressBar()
-
-            state.whenFinished = () => {
-                endProgressBar(() => {
-                    handleHtml(state.html)
-                    prefetches.delete(el)
-                })
-            }
-        } else {
-            handleHtml(state.html)
-            prefetches.delete(el)
-        }
-    } else {
-        startProgressBar()
-
-        fetch(destination.pathname).then(i => i.text()).then(html => {
-            endProgressBar(() => {
-                handleHtml(html)
-            })
-        })
-    }
-
-    e.preventDefault()
-}
-
-function storeScrollRestorationDataInHTML() {
-    document.body.setAttribute('data-scroll-x', document.body.scrollLeft)
-    document.body.setAttribute('data-scroll-y', document.body.scrollTop)
-
-    document.querySelectorAll('[x-navigate\\:scroll]').forEach(el => {
-        el.setAttribute('data-scroll-x', el.scrollLeft)
-        el.setAttribute('data-scroll-y', el.scrollTop)
-    })
-}
-
-function restoreScroll() {
-    let scroll = el => {
-        el.scrollTo(Number(el.getAttribute('data-scroll-x')), Number(el.getAttribute('data-scroll-y')))
-        el.removeAttribute('data-scroll-x')
-        el.removeAttribute('data-scroll-y')
-    }
-
-    scroll(document.body)
-
-    document.querySelectorAll('[x-navigate\\:scroll]').forEach(scroll)
-}
-
-function replace(url, key, object) {
-    let state = window.history.state || {}
-
-    if (! state.alpine) state.alpine = {}
-
-    state.alpine[key] = object
-
-    window.history.replaceState(state, '', url)
-}
-
-function push(url, key, object) {
-    let state = { alpine: {...window.history.state.alpine, ...{[key]: object}} }
-
-    window.history.pushState(state, '', url)
-}
+//     window.history.pushState(state, '', url)
+// }

+ 46 - 0
packages/navigate/src/links.js

@@ -0,0 +1,46 @@
+
+let handleLinkClick = () => {}
+let handleLinkHover = () => {}
+
+export function whenALinkIsClicked(callback) {
+    handleLinkClick = callback
+
+    initializeLinksForClicking()
+}
+
+export function whenALinkIsHovered(callback) {
+    handleLinkHover = callback
+
+    initializeLinksForHovering()
+}
+
+export function extractDestinationFromLink(linkEl) {
+    return new URL(linkEl.getAttribute('href'), document.baseURI)
+}
+
+export function hijackNewLinksOnThePage() {
+    initializeLinksForClicking()
+    initializeLinksForHovering()
+}
+
+function initializeLinksForClicking() {
+    getLinks().forEach(el => {
+        el.addEventListener('click', e => {
+            e.preventDefault()
+
+            handleLinkClick(el)
+        })
+    })
+}
+
+function initializeLinksForHovering() {
+    getLinks().forEach(el => {
+        el.addEventListener('mouseenter', e => {
+            handleLinkHover(el)
+        })
+    })
+}
+
+function getLinks() {
+    return Array.from(document.links)
+}

+ 17 - 31
packages/navigate/src/page.js

@@ -1,44 +1,33 @@
 
-export function swapPage(Alpine, html, beforeInit = () => {}) {
+export function swapCurrentPageWithNewHtml(html, andThen) {
     let newDocument = (new DOMParser()).parseFromString(html, "text/html")
     let newBody = document.adoptNode(newDocument.body)
     let newHead = document.adoptNode(newDocument.head)
 
-    Alpine.stopObservingMutations()
+    mergeNewHead(newHead)
+    prepNewScriptTagsToRun(newBody)
 
-    persistElements(() => {
-        mergeNewHead(newHead)
-        prepNewScriptTagsToRun(newBody)
-
-        document.body.replaceWith(newBody)
-    })
-
-    // For some reason this is triggering an error with one of my chrome extensions.
-    // autofocusEl()
-
-    beforeInit()
+    transitionOut(document.body)
 
     setTimeout(() => {
-        Alpine.startObservingMutations()
+        document.body.replaceWith(newBody)
+        transitionIn(newBody)
 
-        Alpine.initTree(document.body)
-    })
+        andThen()
+    }, 500)
 }
 
-function persistElements(callback) {
-    let els = {}
-
-    document.querySelectorAll('[x-navigate\\:persist]').forEach(i => {
-        console.log(i)
-        els[i.getAttribute('x-navigate:persist')] = i
-    })
-
-    callback()
+function transitionOut(body) {
+    body.style.transition = 'all .5s ease'
+    body.style.opacity = '0'
+}
 
-    document.querySelectorAll('[x-navigate\\:persist]').forEach(i => {
-        let old = els[i.getAttribute('x-navigate:persist')]
+function transitionIn(body) {
+    body.style.opacity = '0'
+    body.style.transition = 'all .5s ease'
 
-        i.replaceWith(old)
+    requestAnimationFrame(() => {
+        body.style.opacity = '1'
     })
 }
 
@@ -106,6 +95,3 @@ function isScript (el)   {
     return el.tagName.toLowerCase() === 'script'
 }
 
-function autofocusEl() {
-    document.querySelector('[autofocus]') && document.querySelector('[autofocus]').focus()
-}

+ 17 - 0
packages/navigate/src/persist.js

@@ -0,0 +1,17 @@
+let els = {}
+
+export function storePersistantElementsForLater() {
+    els = {}
+
+    document.querySelectorAll('[x-navigate\\:persist]').forEach(i => {
+        els[i.getAttribute('x-navigate:persist')] = i
+    })
+}
+
+export function putPersistantElementsBack() {
+    document.querySelectorAll('[x-navigate\\:persist]').forEach(i => {
+        let old = els[i.getAttribute('x-navigate:persist')]
+
+        i.replaceWith(old)
+    })
+}

+ 45 - 0
packages/navigate/src/prefetch.js

@@ -0,0 +1,45 @@
+
+// Warning: this could cause some memory leaks
+let prefetches = {}
+
+export function prefetchHtml(destination, callback) {
+    let path = destination.pathname
+
+    if (prefetches[path]) return
+
+    prefetches[path] = { finished: false, html: null, whenFinished: () => {} }
+
+    fetch(path).then(i => i.text()).then(html => {
+        callback(html)
+    })
+}
+
+export function storeThePrefetchedHtmlForWhenALinkIsClicked(html, destination) {
+    let state = prefetches[destination.pathname]
+    state.html = html
+    state.finished = true
+    state.whenFinished()
+}
+
+export function getPretchedHtmlOr(destination, receive, ifNoPrefetchExists) {
+    let path = destination.pathname
+
+    if (! prefetches[path]) return ifNoPrefetchExists()
+
+    if (prefetches[path].finished) {
+        let html = prefetches[path].html
+
+        delete prefetches[path]
+
+        return receive(html)
+    } else {
+        prefetches[path].whenFinished = () => {
+            let html = prefetches[path].html
+
+            delete prefetches[path]
+
+            receive(html)
+        }
+    }
+}
+

+ 22 - 0
packages/navigate/src/scroll.js

@@ -0,0 +1,22 @@
+
+export function storeScrollInformationInHtmlBeforeNavigatingAway() {
+    document.body.setAttribute('data-scroll-x', document.body.scrollLeft)
+    document.body.setAttribute('data-scroll-y', document.body.scrollTop)
+
+    document.querySelectorAll('[x-navigate\\:scroll]').forEach(el => {
+        el.setAttribute('data-scroll-x', el.scrollLeft)
+        el.setAttribute('data-scroll-y', el.scrollTop)
+    })
+}
+
+export function restoreScrollPosition() {
+    let scroll = el => {
+        el.scrollTo(Number(el.getAttribute('data-scroll-x')), Number(el.getAttribute('data-scroll-y')))
+        el.removeAttribute('data-scroll-x')
+        el.removeAttribute('data-scroll-y')
+    }
+
+    scroll(document.body)
+
+    document.querySelectorAll('[x-navigate\\:scroll]').forEach(scroll)
+}

+ 4 - 1
tests/cypress/integration/plugins/navigate.spec.js

@@ -1,8 +1,11 @@
 import { beEqualTo, beVisible, haveAttribute, haveFocus, haveText, html, notBeVisible, test } from '../../utils'
 
 // Test persistant peice of layout
-// Handle 404
 // Handle non-origin links and such
+// Handle 404
+// Middle/command click link in new tab works?
+// Infinite scroll scenario, back button works
+//
 
 it('navigates pages without reload',
     () => {