Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
oleg
/
alpine
kopia lustrzana https://github.com/alpinejs/alpine.git
1
0
Forkuj 0
Pliki Problemy 0 Wiki
Przeglądaj źródła

wip

Caleb Porzio 3 lat temu
rodzic
7db009afff
commit
800e91cb52
15 zmienionych plików z 378 dodań i 13845 usunięć
Zunifikowany widok Pokaż statystyki zmian
  1. 32 13677
      index.html
  2. 2 1
      packages/alpinejs/src/alpine.js
  3. 12 1
      packages/alpinejs/src/directives/x-teleport.js
  4. 6 0
      packages/alpinejs/src/lifecycle.js
  5. 3 4
      packages/navigate/src/bar.js
  6. 9 0
      packages/navigate/src/bus.js
  7. 6 0
      packages/navigate/src/fetch.js
  8. 21 0
      packages/navigate/src/history.js
  9. 136 130
      packages/navigate/src/index.js
  10. 46 0
      packages/navigate/src/links.js
  11. 17 31
      packages/navigate/src/page.js
  12. 17 0
      packages/navigate/src/persist.js
  13. 45 0
      packages/navigate/src/prefetch.js
  14. 22 0
      packages/navigate/src/scroll.js
  15. 4 1
      tests/cypress/integration/plugins/navigate.spec.js

+ 32 - 13677
index.html
Wyświetl plik 

@@ -1,13682 +1,37 @@
 
 <html>
 
 <html>
 
-<script src="./packages/navigate/dist/cdn.js" defer></script>
 
-<script src="./packages/alpinejs/dist/cdn.js" defer></script>
 
-
 
-
 
-
 
-<hr>
 
-<a href="/index2.html">Next</a>
 
-<hr>
 
-
 
-First page:
 
-
 
-<div x-dialog x-show="" @close="closeModal" class="relative z-10">
 
-    <TransitionChild as="template" >
 
-        <div
 
-            class="fixed inset-0 bg-black bg-opacity-25"
 
-            -enter="duration-300 ease-out"
 
-            enter-from="opacity-0"
 
-            enter-to="opacity-100"
 
-            leave="duration-200 ease-in"
 
-            leave-from="opacity-100"
 
-            leave-to="opacity-0"
 
-        ></div>
 
-    </TransitionChild>
 
-
 
-    <div class="fixed inset-0 overflow-y-auto">
 
-        <div class="flex min-h-full items-center justify-center p-4 text-center">
 
-            <TransitionChild as="template" enter="duration-300 ease-out" enter-from="opacity-0 scale-95" enter-to="opacity-100 scale-100" leave="duration-200 ease-in" leave-from="opacity-100 scale-100" leave-to="opacity-0 scale-95">
 
-                <DialogPanel class="w-full max-w-md transform overflow-hidden rounded-2xl bg-white p-6 text-left align-middle shadow-xl transition-all">
 
-                    <DialogTitle as="h3" class="text-lg font-medium leading-6 text-gray-900">
 
-                        Payment successful
 
-                    </DialogTitle>
 
-                    <div class="mt-2">
 
-                        <p class="text-sm text-gray-500">
 
-                            Your payment has been successfully submitted. We’ve sent you
 
-                            an email with all of the details of your order.
 
-                        </p>
 
-                    </div>
 
-
 
-                    <div class="mt-4">
 
-                        <button type="button" class="inline-flex justify-center rounded-md border border-transparent bg-blue-100 px-4 py-2 text-sm font-medium text-blue-900 hover:bg-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2" @click="closeModal">
 
-                            Got it, thanks!
 
-                        </button>
 
-                    </div>
 
-                </DialogPanel>
 
-            </TransitionChild>
 
+    <script src="./packages/intersect/dist/cdn.js" defer></script>
 
+    <script src="./packages/morph/dist/cdn.js" defer></script>
 
+    <script src="./packages/history/dist/cdn.js"></script>
 
+    <script src="./packages/persist/dist/cdn.js"></script>
 
+    <script src="./packages/focus/dist/cdn.js"></script>
 
+    <script src="./packages/mask/dist/cdn.js"></script>
 
+    <!-- <script src="./packages/ui/dist/cdn.js"></script> -->
 
+    <script src="./packages/alpinejs/dist/cdn.js" defer></script>
 
+    <script src="//cdn.tailwindcss.com"></script>
 
+
 
+    <div x-data>
 
+        <h1>Hey!</h1>
 
+
 
+        <template x-teleport="body">
 
+            <h2>Yins!</h2>
 
+        </template>
 
+    </div>
 
+
 
+    <main x-data x-ignore style="display: none">
 
+        <div x-data>
 
+            <h1>there!</h1>
 
+
 
+            <template x-teleport="body">
 
+                <h2>Yons!</h2>
 
+            </template>
 
         </div>
 
         </div>
 
-    </div>
 
-</div>
 
-
 
-<!-- <div x-data="{ count: $history(1) }" x-navigate:persist="foo">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-</div> -->
 
-
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
-<div x-data="{ count: 1 }">
 
-    <span x-text="count"></span>
 
-
 
-    <button @click="count++">+</button>
 
-    <div x-data="{ count: 1 }">
 
-        <span x-text="count"></span>
 
-
 
-        <button @click="count++">+</button>
 
-    </div>
 
-</div>
 
+    </main>
 
 
 
-<script x-navigate:once>
 
-    console.log('hey')
 
-</script>
 
+    <button onclick="morph()">morph</button>
 
 
 
+    <script>
 
+        function morph() {
 
+            Alpine.morph(document.querySelector('div'), document.querySelector('main').innerHTML)
 
+        }
 
+    </script>
 
 </html>
 
 </html>

+ 2 - 1
packages/alpinejs/src/alpine.js
Wyświetl plik 

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

+ 12 - 1
packages/alpinejs/src/directives/x-teleport.js
Wyświetl plik 

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

+ 6 - 0
packages/alpinejs/src/lifecycle.js
Wyświetl plik 

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

+ 3 - 4
packages/navigate/src/progressBar.js → packages/navigate/src/bar.js
Wyświetl plik 

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

+ 9 - 0
packages/navigate/src/bus.js
Wyświetl plik 

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

+ 6 - 0
packages/navigate/src/fetch.js
Wyświetl plik 

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

+ 21 - 0
packages/navigate/src/history.js
Wyświetl plik 

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

+ 136 - 130
packages/navigate/src/index.js
Wyświetl plik 

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

+ 46 - 0
packages/navigate/src/links.js
Wyświetl plik 

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

+ 17 - 31
packages/navigate/src/page.js
Wyświetl plik 

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

+ 17 - 0
packages/navigate/src/persist.js
Wyświetl plik 

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

+ 45 - 0
packages/navigate/src/prefetch.js
Wyświetl plik 

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

+ 22 - 0
packages/navigate/src/scroll.js
Wyświetl plik 

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

+ 4 - 1
tests/cypress/integration/plugins/navigate.spec.js
Wyświetl plik 

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