Update index.html

index.html

@@ -9,7 +9,7 @@
 <script src="./packages/alpinejs/dist/cdn.js" defer></script>
 <script src="//cdn.tailwindcss.com"></script>
 
-<div
+<!-- <div
             x-data="{ active: null, people: [
                 { id: 1, name: 'Wade Cooper' },
                 { id: 2, name: 'Arlene Mccoy' },
@@ -46,9 +46,9 @@
                     </li>
                 </template>
             </ul>
-        </div>
+        </div> -->
 
-<div
+<!-- <div
             x-data="{ active: null, people: [
                 { id: 1, name: 'Wade Cooper' },
                 { id: 2, name: 'Arlene Mccoy' },
@@ -81,9 +81,9 @@
                     </li>
                 </template>
             </ul>
-        </div>
+        </div> -->
 
-<div
+<!-- <div
             x-data="{
                 selected: null,
                 query: '',
@@ -133,10 +133,10 @@
                     </li>
                 </template>
             </ul>
-        </div>
+        </div> -->
 
 <!-- Multiple -->
-<div
+<!-- <div
             x-data="{
                 selected: [],
                 query: '',
@@ -192,7 +192,7 @@
                     </li>
                 </template>
             </ul>
-        </div>
+        </div> -->
 
 <div
     x-data="{
@@ -277,7 +277,7 @@
                                     </li>
                                 </template>
 
-                                <template x-if="queryPerson">
+                                <!-- <template x-if="queryPerson">
                                     <li x-combobox:option :value="queryPerson" class="relative cursor-default select-none py-2 pl-3 pr-9 focus:outline-none" :class="$comboboxOption.isActive ? 'bg-indigo-600 text-white' : 'text-gray-900'">
                                         <span x-text="'Create ' + queryPerson.name" class="block truncate" :class="{ 'font-semibold': $comboboxOption.isSelected, 'font-normal': !$comboboxOption.isSelected }">
                                         </span>
@@ -287,7 +287,7 @@
                                             </svg>
                                         </span>
                                     </li>
-                                </template>
+                                </template> -->
                             </ul>
                         </div>
                     </div>