Format documents

docs/demo.md

@@ -72,32 +72,41 @@ const fruitItems = [
 ];
 
 const selectedColor = $("");
-const colorItems = ["Red", "Blue", "Green", "Yellow", "Black", "White", "Purple", "Cyan"];
+const colorItems = [
+  "Red",
+  "Blue",
+  "Green",
+  "Yellow",
+  "Black",
+  "White",
+  "Purple",
+  "Cyan",
+];
 
 mount(
-  h('div', { class: 'p-8 flex flex-col gap-10' }, [
-    h('div', {}, [
-      h('h3', { class: 'font-bold mb-2' }, 'Objetos:'),
+  h("div", { class: "p-8 flex flex-col gap-10" }, [
+    h("div", {}, [
+      h("h3", { class: "font-bold mb-2" }, "Objetos:"),
       Autocomplete({
         items: fruitItems,
         value: selectedFruit,
         placeholder: "Search fruit...",
-        onselect: (v) => console.log("Obj:", v)
+        onselect: (v) => console.log("Obj:", v),
       }),
-      h('span', { class: 'text-xs' }, () => `Signal: ${selectedFruit()}`)
+      h("span", { class: "text-xs" }, () => `Signal: ${selectedFruit()}`),
     ]),
-    h('div', {}, [
-      h('h3', { class: 'font-bold mb-2' }, 'Array Plano:'),
+    h("div", {}, [
+      h("h3", { class: "font-bold mb-2" }, "Array Plano:"),
       Autocomplete({
         items: colorItems,
         value: selectedColor,
         placeholder: "Search color...",
-        onselect: (v) => console.log("Str:", v)
+        onselect: (v) => console.log("Str:", v),
       }),
-      h('span', { class: 'text-xs' }, () => `Signal: ${selectedColor()}`)
-    ])
+      h("span", { class: "text-xs" }, () => `Signal: ${selectedColor()}`),
+    ]),
   ]),
-  "#demo-autocomplete"
+  "#demo-autocomplete",
 );
 ```
 
@@ -485,7 +494,7 @@ mount(
         ],
       ),
     ]),
-    Dropdown({}, [
+    Dropdown({ class: "dropdown-bottom dropdown-end" }, [
       DropdownButton({}, "More"),
       DropdownContent(
         { class: "menu bg-base-100 rounded-box w-40 p-2 shadow" },
@@ -826,7 +835,7 @@ mount(
     Progress({
       value: progressVal,
       max: 100,
-      class: "w-56"
+      class: "w-56",
     }),
   ]),
   "#demo-progress",