changed to new functions

docs/components/list.md

@@ -51,7 +51,7 @@ const BasicDemo = () => {
       ]),
   });
 };
-Mount(BasicDemo, "#demo-basic");
+mount(BasicDemo, "#demo-basic");
 ```
 
 ### With Header
@@ -90,7 +90,7 @@ const HeaderDemo = () => {
       ]),
   });
 };
-Mount(HeaderDemo, "#demo-header");
+mount(HeaderDemo, "#demo-header");
 ```
 
 ### With Icons
@@ -134,7 +134,7 @@ const IconsDemo = () => {
       ),
   });
 };
-Mount(IconsDemo, "#demo-icons");
+mount(IconsDemo, "#demo-icons");
 ```
 
 ### With Badges
@@ -194,7 +194,7 @@ const BadgesDemo = () => {
       ),
   });
 };
-Mount(BadgesDemo, "#demo-badges");
+mount(BadgesDemo, "#demo-badges");
 ```
 
 ### Interactive List
@@ -252,7 +252,7 @@ const InteractiveDemo = () => {
         : Div({ class: "alert alert-soft" }, "Select a project to see details"),
   ]);
 };
-Mount(InteractiveDemo, "#demo-interactive");
+mount(InteractiveDemo, "#demo-interactive");
 ```
 
 ### Reactive List (Todo App)
@@ -291,7 +291,7 @@ const ReactiveDemo = () => {
   };
   
   const pendingCount = () => todos().filter(t => !t.done).length;
-  Watch(()=> console.log(pendingCount()));
+  watch(()=> console.log(pendingCount()));
   return Div({ class: 'flex flex-col gap-4' }, [
     Div({ class: 'flex gap-2' }, [
       Input({
@@ -330,7 +330,7 @@ const ReactiveDemo = () => {
   ]);
 };
 
-Mount(ReactiveDemo, '#demo-reactive');
+mount(ReactiveDemo, '#demo-reactive');
 ```
 
 ### Avatar List
@@ -383,7 +383,7 @@ const AvatarDemo = () => {
       ]),
   });
 };
-Mount(AvatarDemo, "#demo-avatar");
+mount(AvatarDemo, "#demo-avatar");
 ```
 
 ### All Variants
@@ -421,5 +421,5 @@ const VariantsDemo = () => {
     }),
   ]);
 };
-Mount(VariantsDemo, "#demo-variants");
+mount(VariantsDemo, "#demo-variants");
 ```