refactor: update observer demo

reallygoodsoftware · Feb 6, 2024 · fee22b1 · fee22b1
1 parent b88428c
commit fee22b1
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/demo/observer.html b/demo/observer.html
@@ -5,12 +5,17 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Mini Demo Observer</title>
     <script src="/dist/minijs.umd.js"></script>
+    <script src="https://cdn.tailwindcss.com"></script>
   </head>
-  <body>
-    <button>Add Item</button>
-    <ol>
+  <body class="p-40">
+    <button class="px-2 py-1 bg-gray-200 rounded-md text-base">Add Item</button>
+
+    <ol class="mt-8 list-decimal ml-4">
       <li>
         <button
+          :mouseenter="isHovered = true"
+          :mouseleave="isHovered = false"
+          :class="isHovered ? 'bg-red-200' : ''"
           :click="this.parentNode.parentNode.removeChild(this.parentNode)"
         >
           list item (click to delete)