Caleb Porzio 3 år sedan
förälder
incheckning
2fcabfe906

+ 13677 - 16
index.html

@@ -1,19 +1,13680 @@
 <html>
-    <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/alpinejs/dist/cdn.js" defer></script>
-    <!-- <script src="https://unpkg.com/alpinejs@3.0.0/dist/cdn.min.js" defer></script> -->
-
-    <!-- Play around. -->
-    <div x-data="{ open: false }">
-        <button @click="open = !open">Toggle</button>
-
-        <span x-show="open">
-            Content...
-        </span>
+<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>
+        </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>
+
+<script x-navigate:once>
+    console.log('hey')
+</script>
+
 </html>

+ 16 - 0
index2.html

@@ -0,0 +1,16 @@
+<html>
+    <script src="./packages/navigate/dist/cdn.js" defer></script>
+    <script src="./packages/alpinejs/dist/cdn.js" defer></script>
+
+    <hr>
+    <a href="/index.html">Previous</a>
+    <hr>
+
+    Second page:
+
+    <div x-data="{ count: 1 }" x-navigate:persist="foo">
+        <span x-text="count"></span>
+
+        <button @click="count++">+</button>
+    </div>
+</html>

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

@@ -1,7 +1,7 @@
 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 { mutateDom, deferMutations, flushAndStopDeferringMutations } from './mutation'
+import { mutateDom, deferMutations, flushAndStopDeferringMutations, startObservingMutations, stopObservingMutations } from './mutation'
 import { mergeProxies, closestDataStack, addScopeToNode, scope as $data } from './scope'
 import { setEvaluator, evaluate, evaluateLater, dontAutoEvaluateFunctions } from './evaluator'
 import { transition } from './directives/x-transition'
@@ -27,6 +27,8 @@ let Alpine = {
     flushAndStopDeferringMutations,
     dontAutoEvaluateFunctions,
     disableEffectScheduling,
+    startObservingMutations,
+    stopObservingMutations,
     setReactivityEngine,
     closestDataStack,
     skipDuringClone,

+ 1 - 1
packages/alpinejs/src/mutation.js

@@ -172,7 +172,7 @@ function onMutate(mutations) {
         if (addedNodes.includes(node)) continue
 
         onElRemoveds.forEach(i => i(node))
-        
+
         if (node._x_cleanups) {
             while (node._x_cleanups.length) node._x_cleanups.pop()()
         }

+ 5 - 0
packages/navigate/builds/cdn.js

@@ -0,0 +1,5 @@
+import navigate from '../src/index.js'
+
+document.addEventListener('alpine:init', () => {
+    window.Alpine.plugin(navigate)
+})

+ 3 - 0
packages/navigate/builds/module.js

@@ -0,0 +1,3 @@
+import navigate from '../src/index.js'
+
+export default navigate

+ 9 - 0
packages/navigate/package.json

@@ -0,0 +1,9 @@
+{
+    "name": "@alpinejs/navigate",
+    "version": "3.10.2",
+    "description": "An Alpine plugin for adding SPA-like navigation to your app.",
+    "author": "Caleb Porzio",
+    "license": "MIT",
+    "main": "dist/module.cjs.js",
+    "module": "dist/module.esm.js"
+}

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

@@ -0,0 +1,50 @@
+export function pushUrl(url, html) {
+    updateUrl('pushState', url, html)
+}
+
+export function replaceUrl(url, html) {
+    updateUrl('replaceState', url, html)
+}
+
+function updateUrl(method, url, html) {
+    let key = (new Date).getTime()
+
+    tryToStoreInSession(key, JSON.stringify({ html: html }))
+
+    let state = Object.assign(history.state || {}, { alpine: key })
+
+    // 640k character limit:
+    history[method](state, document.title, url)
+}
+
+export function fromSessionStorage(event) {
+    if (! event.state.alpine) return {}
+
+    let state = JSON.parse(sessionStorage.getItem('alpine:'+event.state.alpine))
+
+    return state
+}
+
+function tryToStoreInSession(timestamp, value) {
+    // sessionStorage has a max storage limit (usally 5MB).
+    // If we meet that limit, we'll start removing entries
+    // (oldest first), until there's enough space to store
+    // the new one.
+    try {
+        sessionStorage.setItem('alpine:'+timestamp, value)
+    } catch (error) {
+        // 22 is Chrome, 1-14 is other browsers.
+        if (! [22, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14].includes(error.code)) return
+
+        let oldestTimestamp = Object.keys(sessionStorage)
+            .map(key => Number(key.replace('alpine:', '')))
+            .sort()
+            .shift()
+
+        if (! oldestTimestamp) return
+
+        sessionStorage.removeItem('alpine:'+oldestTimestamp)
+
+        tryToStoreInSession(timestamp, value)
+    }
+}

+ 115 - 0
packages/navigate/src/index.js

@@ -0,0 +1,115 @@
+import { replaceUrl, pushUrl, fromSessionStorage } from './history'
+import { swapPage } from './page'
+
+export default function (Alpine) {
+    // 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)
+
+    // Listen for back button presses...
+    window.addEventListener('popstate', event => {
+        let { html } = fromSessionStorage(event)
+
+        html && swapPage(Alpine, html, () => {
+            document.dispatchEvent(new CustomEvent('alpine:navigated', { bubbles: true }))
+        })
+    })
+
+    // Listen for any <a> tag click...
+    document.addEventListener('click', e => {
+        if (e.target.tagName.toLowerCase() !== 'a') return
+
+        let url = new URL(window.location.href, document.baseURI)
+        replaceUrl(url, document.documentElement.outerHTML)
+
+        let destination = new URL(e.target.getAttribute('href'), document.baseURI)
+
+        document.dispatchEvent(new CustomEvent('alpine:navigating', { bubbles: true }))
+
+        fetch(destination.pathname).then(i => i.text()).then(html => {
+            swapPage(Alpine, html, () => {
+                pushUrl(destination, html)
+
+                document.dispatchEvent(new CustomEvent('alpine:navigated', { bubbles: true }))
+            })
+        })
+
+        e.preventDefault()
+    })
+
+    Alpine.magic('history', (el, { interceptor }) =>  {
+        let alias
+
+        return interceptor((initialValue, getter, setter, path, key) => {
+            let pause = false
+            let queryKey = alias || path
+
+            let value = initialValue
+            let url = new URL(window.location.href)
+
+            if (url.searchParams.has(queryKey)) {
+                value = url.searchParams.get(queryKey)
+            }
+
+            setter(value)
+
+            let object = { value }
+
+            url.searchParams.set(queryKey, value)
+
+            replace(url.toString(), path, object)
+
+            window.addEventListener('popstate', (e) => {
+                if (! e.state) return
+                if (! e.state.alpine) return
+
+                Object.entries(e.state.alpine).forEach(([newKey, { value }]) => {
+                    if (newKey !== key) return
+
+                    pause = true
+
+                    Alpine.disableEffectScheduling(() => {
+                        setter(value)
+                    })
+
+                    pause = false
+                })
+            })
+
+            Alpine.effect(() => {
+                let value = getter()
+
+                if (pause) return
+
+                let object = { value }
+
+                let url = new URL(window.location.href)
+
+                url.searchParams.set(queryKey, value)
+
+                push(url.toString(), path, object)
+            })
+
+            return value
+        }, func => {
+            func.as = key => { alias = key; return func }
+        })
+    })
+}
+
+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)
+}

+ 54 - 0
packages/navigate/src/page.js

@@ -0,0 +1,54 @@
+export function swapPage(Alpine, html, beforeInit = () => {}) {
+    let newDocument = (new DOMParser()).parseFromString(html, "text/html")
+    let newBody = document.adoptNode(newDocument.body)
+
+    Alpine.stopObservingMutations()
+
+    persistElements(() => {
+        prepNewScriptTagsToRun(newBody)
+
+        document.body.replaceWith(newBody)
+    })
+
+    beforeInit()
+
+    setTimeout(() => {
+        Alpine.startObservingMutations()
+
+        Alpine.initTree(document.body)
+    })
+}
+
+function persistElements(callback) {
+    let els = {}
+
+    document.querySelectorAll('[x-navigate\\:persist]').forEach(i => {
+        els[i.getAttribute('x-navigate:persist')] = i
+    })
+
+    callback()
+
+    document.querySelectorAll('[x-navigate\\:persist]').forEach(i => {
+        let old = els[i.getAttribute('x-navigate:persist')]
+
+        i.replaceWith(old)
+    })
+}
+
+function prepNewScriptTagsToRun(newBody) {
+    newBody.querySelectorAll('script').forEach(i => {
+        if (i.hasAttribute('x-navigate:ignore')) return
+        // Only re-run inline scripts.
+        if (i.hasAttribute('src')) return
+
+        let el = document.createElement('script')
+        el.textContent = i.innerText
+        el.async = false
+
+        for (let { name, value } of i.attributes) {
+            el.setAttribute(name, value)
+        }
+
+        i.replaceWith(el)
+    })
+}

+ 1 - 0
scripts/build.js

@@ -13,6 +13,7 @@ let brotliSize = require('brotli-size');
     'morph',
     'focus',
     'mask',
+    'navigate',
 ]).forEach(package => {
     if (! fs.existsSync(`./packages/${package}/dist`)) {
         fs.mkdirSync(`./packages/${package}/dist`, 0744);